@rango-dev/ui 0.35.1-next.1 → 0.35.1-next.11
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 +1 -1
- package/dist/index.js.map +4 -4
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts +3 -0
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts +2 -2
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +4 -2
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Select/Select.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Select/Select.types.d.ts +4 -0
- package/dist/widget/ui/src/components/Select/Select.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.d.ts +6 -0
- package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +1 -0
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts +5 -0
- package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts.map +1 -0
- package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts +6 -0
- package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts.map +1 -0
- package/dist/widget/ui/src/components/Tooltip/index.d.ts +2 -0
- package/dist/widget/ui/src/components/Tooltip/index.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/Notifications/NotificationNotFound.d.ts +3 -0
- package/dist/widget/ui/src/containers/Notifications/NotificationNotFound.d.ts.map +1 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.d.ts +4 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.d.ts.map +1 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts +1561 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts.map +1 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.types.d.ts +23 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.types.d.ts.map +1 -0
- package/dist/widget/ui/src/containers/Notifications/index.d.ts +2 -0
- package/dist/widget/ui/src/containers/Notifications/index.d.ts.map +1 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +6 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/index.d.ts +1 -0
- package/dist/widget/ui/src/containers/index.d.ts.map +1 -1
- package/dist/widget/ui/src/icons/CreditCard.d.ts +5 -0
- package/dist/widget/ui/src/icons/CreditCard.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/Disconnect.d.ts +5 -0
- package/dist/widget/ui/src/icons/Disconnect.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/Swap.d.ts.map +1 -1
- package/dist/widget/ui/src/icons/index.d.ts +2 -0
- package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
- package/dist/widget/ui/src/theme.d.ts +2 -0
- package/dist/widget/ui/src/theme.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/FullExpandedQuote/FullExpandedQuote.TokenSection.tsx +3 -3
- package/src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts +15 -0
- package/src/components/FullExpandedQuote/FullExpandedQuote.tsx +11 -5
- package/src/components/FullExpandedQuote/FullExpandedQuote.types.ts +2 -2
- package/src/components/PriceImpact/PriceImpact.styles.ts +27 -4
- package/src/components/PriceImpact/PriceImpact.tsx +14 -20
- package/src/components/Select/Select.tsx +13 -4
- package/src/components/Select/Select.types.ts +5 -0
- package/src/components/StepDetails/StepDetails.tsx +5 -5
- package/src/components/SwapListItem/SwapToken.tsx +7 -5
- package/src/components/TextField/TextField.tsx +12 -1
- package/src/components/TextField/TextField.types.tsx +1 -0
- package/src/components/TokenAmount/TokenAmount.tsx +9 -8
- package/src/components/Tooltip/NumericTooltip.tsx +16 -0
- package/src/components/Tooltip/NumericTooltip.types.tsx +6 -0
- package/src/components/Tooltip/index.ts +2 -0
- package/src/components/Wallet/Wallet.helpers.ts +1 -1
- package/src/containers/Notifications/NotificationNotFound.tsx +19 -0
- package/src/containers/Notifications/Notifications.styles.ts +82 -0
- package/src/containers/Notifications/Notifications.tsx +108 -0
- package/src/containers/Notifications/Notifications.types.ts +17 -0
- package/src/containers/Notifications/index.ts +1 -0
- package/src/containers/SwapInput/SwapInput.tsx +7 -5
- package/src/containers/index.ts +1 -0
- package/src/icons/CreditCard.tsx +23 -0
- package/src/icons/Disconnect.tsx +26 -0
- package/src/icons/Swap.tsx +47 -6
- package/src/icons/index.ts +2 -0
- package/src/theme.ts +2 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notifications.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/Notifications.styles.ts"],"names":[],"mappings":";;;AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBpB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASjB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAEzB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQf,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAWnB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKjB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ5B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKxB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { CSS } from '../../theme';
|
|
2
|
+
import type { Asset } from 'rango-sdk';
|
|
3
|
+
type Notification = {
|
|
4
|
+
route: {
|
|
5
|
+
from: Asset;
|
|
6
|
+
to: Asset;
|
|
7
|
+
};
|
|
8
|
+
event: {
|
|
9
|
+
messageSeverity: string;
|
|
10
|
+
message: string;
|
|
11
|
+
};
|
|
12
|
+
requestId: string;
|
|
13
|
+
};
|
|
14
|
+
export type PropTypes = {
|
|
15
|
+
list: Notification[];
|
|
16
|
+
getBlockchainImage: (blockchain: string) => string;
|
|
17
|
+
getTokenImage: (token: Asset) => string;
|
|
18
|
+
onClickItem: (requestId: string) => void;
|
|
19
|
+
onClearAll: () => void;
|
|
20
|
+
containerStyles?: CSS;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=Notifications.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notifications.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/Notifications.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,KAAK,CAAA;KAAE,CAAC;IAClC,KAAK,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;IACxC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Notifications/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAwIlD"}
|
|
@@ -330,6 +330,12 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
|
|
|
330
330
|
variant?: "contained" | "outlined" | "ghost" | undefined;
|
|
331
331
|
fullWidth?: boolean | undefined;
|
|
332
332
|
labelProps?: import("../../components").TypographyPropTypes | undefined;
|
|
333
|
+
style?: import("@stitches/react").CSS<{
|
|
334
|
+
media: {};
|
|
335
|
+
theme: {};
|
|
336
|
+
themeMap: {};
|
|
337
|
+
utils: {};
|
|
338
|
+
}> | undefined;
|
|
333
339
|
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
|
|
334
340
|
children?: import("react").ReactNode;
|
|
335
341
|
} & import("react").RefAttributes<HTMLInputElement>>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":";;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGjE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAEhC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuBpB,CAAC;AAEH,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare function SvgCreditCard(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
|
|
4
|
+
export default SvgCreditCard;
|
|
5
|
+
//# sourceMappingURL=CreditCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreditCard.d.ts","sourceRoot":"","sources":["../../../../../src/icons/CreditCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,aAAa,CAAC,KAAK,EAAE,wBAAwB,4DAerD;AACD,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare function SvgDisconnect(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
|
|
4
|
+
export default SvgDisconnect;
|
|
5
|
+
//# sourceMappingURL=Disconnect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Disconnect.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Disconnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,aAAa,CAAC,KAAK,EAAE,wBAAwB,4DAkBrD;AACD,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Swap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,OAAO,CAAC,KAAK,EAAE,wBAAwB,
|
|
1
|
+
{"version":3,"file":"Swap.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Swap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,OAAO,CAAC,KAAK,EAAE,wBAAwB,4DAqD/C;AACD,eAAe,OAAO,CAAC"}
|
|
@@ -11,10 +11,12 @@ export { default as CloseIcon } from './Close';
|
|
|
11
11
|
export { default as CompleteIcon } from './Complete';
|
|
12
12
|
export { default as CopyIcon } from './Copy';
|
|
13
13
|
export { default as CosmosCategoryIcon } from './CosmosCategory';
|
|
14
|
+
export { default as CreditCardIcon } from './CreditCard';
|
|
14
15
|
export { default as CustomColorsIcon } from './CustomColors';
|
|
15
16
|
export { default as DarkModeIcon } from './DarkMode';
|
|
16
17
|
export { default as DeleteIcon } from './Delete';
|
|
17
18
|
export { default as DesktopIcon } from './Desktop';
|
|
19
|
+
export { default as DisconnectIcon } from './Disconnect';
|
|
18
20
|
export { default as DocumentIcon } from './Document';
|
|
19
21
|
export { default as DoneIcon } from './Done';
|
|
20
22
|
export { default as EvmCategoryIcon } from './EvmCategory';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/ui",
|
|
3
|
-
"version": "0.35.1-next.
|
|
3
|
+
"version": "0.35.1-next.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"source": "./src/index.ts",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@radix-ui/react-select": "^2.0.0",
|
|
51
51
|
"@radix-ui/react-switch": "^1.0.1",
|
|
52
52
|
"@radix-ui/react-tooltip": "^1.0.2",
|
|
53
|
-
"@rango-dev/wallets-shared": "^0.34.1-next.
|
|
53
|
+
"@rango-dev/wallets-shared": "^0.34.1-next.6",
|
|
54
54
|
"@stitches/react": "^1.2.8",
|
|
55
55
|
"copy-to-clipboard": "^3.3.3",
|
|
56
56
|
"rango-sdk": "^0.1.49",
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
"publishConfig": {
|
|
61
61
|
"access": "public"
|
|
62
62
|
}
|
|
63
|
-
}
|
|
63
|
+
}
|
|
@@ -3,7 +3,7 @@ import type { TokenSectionPropTypes } from './FullExpandedQuote.types';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
import { ChainToken } from '../ChainToken';
|
|
6
|
-
import {
|
|
6
|
+
import { NumericTooltip } from '../Tooltip';
|
|
7
7
|
import { Typography } from '../Typography';
|
|
8
8
|
|
|
9
9
|
import {
|
|
@@ -27,7 +27,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
|
|
|
27
27
|
<TokenSectionContainer style={style} isInternalSwap={isInternalSwap}>
|
|
28
28
|
<ChainToken size={size} chainImage={chainImage} tokenImage={tokenImage} />
|
|
29
29
|
<TokenInfo className="token-info">
|
|
30
|
-
<
|
|
30
|
+
<NumericTooltip
|
|
31
31
|
content={tooltipProps?.content}
|
|
32
32
|
container={tooltipProps?.container}
|
|
33
33
|
side="bottom"
|
|
@@ -38,7 +38,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
|
|
|
38
38
|
className={isInternalSwap ? tokenLabelStyles() : ''}>
|
|
39
39
|
{amount}
|
|
40
40
|
</Typography>
|
|
41
|
-
</
|
|
41
|
+
</NumericTooltip>
|
|
42
42
|
<Typography size="xsmall" variant="body" className={tokenLabelStyles()}>
|
|
43
43
|
{name}
|
|
44
44
|
</Typography>
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import type { I18n } from '@lingui/core';
|
|
2
|
+
import type { Tag } from 'rango-sdk';
|
|
3
|
+
|
|
1
4
|
export const ITEM_SKELETON_COUNT = 3;
|
|
2
5
|
export const TOOLTIP_SIDE_OFFSET = 10;
|
|
3
6
|
const MAX_AMOUNT_LENGTH_DISPLAY = 4;
|
|
4
7
|
const MAX_NAME_LENGTH_DISPLAY = 6;
|
|
8
|
+
|
|
5
9
|
export function shortenAmount(amount: string) {
|
|
6
10
|
if (!amount || amount.length <= MAX_AMOUNT_LENGTH_DISPLAY) {
|
|
7
11
|
return amount;
|
|
@@ -15,3 +19,14 @@ export function shortenDisplayName(name: string) {
|
|
|
15
19
|
}
|
|
16
20
|
return name.slice(0, MAX_NAME_LENGTH_DISPLAY) + '...';
|
|
17
21
|
}
|
|
22
|
+
|
|
23
|
+
export function getTagLabel(tag: Tag, t: I18n['t']): string {
|
|
24
|
+
const data: Record<Tag, string> = {
|
|
25
|
+
CENTRALIZED: t('Centralized'),
|
|
26
|
+
FASTEST: t('Fastest'),
|
|
27
|
+
HIGH_IMPACT: t('High Impact'),
|
|
28
|
+
LOWEST_FEE: t('Lowest Fee'),
|
|
29
|
+
RECOMMENDED: t('Recommended'),
|
|
30
|
+
};
|
|
31
|
+
return data[tag];
|
|
32
|
+
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import type { DataLoadedProps, PropTypes } from './FullExpandedQuote.types';
|
|
2
|
+
import type { Tag } from 'rango-sdk';
|
|
2
3
|
|
|
4
|
+
import { i18n } from '@lingui/core';
|
|
3
5
|
import React, { useState } from 'react';
|
|
4
6
|
|
|
5
7
|
import { ErrorIcon, WarningIcon } from '../../icons';
|
|
@@ -8,10 +10,11 @@ import { Image } from '../common';
|
|
|
8
10
|
import { Divider } from '../Divider';
|
|
9
11
|
import { QuoteCost } from '../QuoteCost';
|
|
10
12
|
import { QuoteTag } from '../QuoteTag';
|
|
11
|
-
import { Tooltip } from '../Tooltip';
|
|
13
|
+
import { NumericTooltip, Tooltip } from '../Tooltip';
|
|
12
14
|
import { Typography } from '../Typography';
|
|
13
15
|
|
|
14
16
|
import {
|
|
17
|
+
getTagLabel,
|
|
15
18
|
ITEM_SKELETON_COUNT,
|
|
16
19
|
shortenAmount,
|
|
17
20
|
shortenDisplayName,
|
|
@@ -79,7 +82,11 @@ export function FullExpandedQuote(props: PropTypes) {
|
|
|
79
82
|
/>
|
|
80
83
|
<TagsContainer>
|
|
81
84
|
{props.tags.map((tag) => (
|
|
82
|
-
<QuoteTag
|
|
85
|
+
<QuoteTag
|
|
86
|
+
key={tag.label}
|
|
87
|
+
label={getTagLabel(tag.value as Tag, i18n.t)}
|
|
88
|
+
value={tag.value}
|
|
89
|
+
/>
|
|
83
90
|
))}
|
|
84
91
|
</TagsContainer>
|
|
85
92
|
</>
|
|
@@ -236,7 +243,7 @@ export function FullExpandedQuote(props: PropTypes) {
|
|
|
236
243
|
/>
|
|
237
244
|
<Divider size={4} />
|
|
238
245
|
<div>
|
|
239
|
-
<
|
|
246
|
+
<NumericTooltip
|
|
240
247
|
content={props.outputPrice.realValue}
|
|
241
248
|
container={tooltipContainer}
|
|
242
249
|
open={
|
|
@@ -249,11 +256,10 @@ export function FullExpandedQuote(props: PropTypes) {
|
|
|
249
256
|
<Typography size="xmedium" variant="title">
|
|
250
257
|
{step.to.token.displayName}
|
|
251
258
|
</Typography>
|
|
252
|
-
</
|
|
259
|
+
</NumericTooltip>
|
|
253
260
|
</div>
|
|
254
261
|
<StyledPriceImpact
|
|
255
262
|
size="small"
|
|
256
|
-
outputColor="$neutral700"
|
|
257
263
|
warningLevel={warningLevel}
|
|
258
264
|
outputUsdValue={props.outputPrice.usdValue}
|
|
259
265
|
realOutputUsdValue={props.outputPrice.realUsdValue}
|
|
@@ -3,7 +3,7 @@ import type { ChainTokenPropTypes } from '../ChainToken';
|
|
|
3
3
|
import type { PriceImpactPropTypes } from '../PriceImpact/PriceImpact.types';
|
|
4
4
|
import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
|
|
5
5
|
import type { InternalSwap, Step } from '../StepDetails/StepDetails.types';
|
|
6
|
-
import type { TooltipPropTypes } from '../Tooltip
|
|
6
|
+
import type { NumericTooltipPropTypes, TooltipPropTypes } from '../Tooltip';
|
|
7
7
|
import type { CSSProperties } from '@stitches/react';
|
|
8
8
|
import type { RouteTag } from 'rango-sdk';
|
|
9
9
|
|
|
@@ -41,7 +41,7 @@ export interface TokenSectionPropTypes {
|
|
|
41
41
|
style?: CSSProperties;
|
|
42
42
|
tooltipProps?: {
|
|
43
43
|
container: TooltipPropTypes['container'];
|
|
44
|
-
content:
|
|
44
|
+
content: NumericTooltipPropTypes['content'];
|
|
45
45
|
open?: TooltipPropTypes['open'];
|
|
46
46
|
};
|
|
47
47
|
isInternalSwap?: boolean;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { styled } from '../../theme';
|
|
2
|
-
import { Typography } from '../Typography';
|
|
1
|
+
import { darkTheme, styled } from '../../theme';
|
|
3
2
|
|
|
4
3
|
export const Container = styled('div', {
|
|
5
4
|
width: '100%',
|
|
@@ -8,8 +7,32 @@ export const Container = styled('div', {
|
|
|
8
7
|
alignItems: 'center',
|
|
9
8
|
});
|
|
10
9
|
|
|
11
|
-
export const
|
|
12
|
-
|
|
10
|
+
export const ValueTypography = styled('div', {
|
|
11
|
+
display: 'flex',
|
|
13
12
|
whiteSpace: 'nowrap',
|
|
13
|
+
overflow: 'hidden',
|
|
14
14
|
textOverflow: 'ellipsis',
|
|
15
|
+
'& ._typography': {
|
|
16
|
+
$$color: '$colors$neutral600',
|
|
17
|
+
[`.${darkTheme} &`]: {
|
|
18
|
+
$$color: '$colors$neutral700',
|
|
19
|
+
},
|
|
20
|
+
color: '$$color',
|
|
21
|
+
},
|
|
22
|
+
variants: {
|
|
23
|
+
hasWarning: {
|
|
24
|
+
true: {
|
|
25
|
+
'& ._typography': {
|
|
26
|
+
color: '$warning500',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
hasError: {
|
|
31
|
+
true: {
|
|
32
|
+
'& ._typography': {
|
|
33
|
+
color: '$error500',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
},
|
|
15
38
|
});
|
|
@@ -2,9 +2,9 @@ import type { PriceImpactPropTypes } from './PriceImpact.types';
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
|
-
import { Divider,
|
|
5
|
+
import { Divider, NumericTooltip, Typography } from '..';
|
|
6
6
|
|
|
7
|
-
import { Container,
|
|
7
|
+
import { Container, ValueTypography } from './PriceImpact.styles';
|
|
8
8
|
|
|
9
9
|
export function PriceImpact(props: PriceImpactPropTypes) {
|
|
10
10
|
const {
|
|
@@ -19,17 +19,13 @@ export function PriceImpact(props: PriceImpactPropTypes) {
|
|
|
19
19
|
...rest
|
|
20
20
|
} = props;
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
percentageChangeColor = '$warning500';
|
|
25
|
-
} else if (warningLevel === 'high') {
|
|
26
|
-
percentageChangeColor = '$error500';
|
|
27
|
-
}
|
|
22
|
+
const hasWarning = !outputUsdValue || warningLevel === 'low';
|
|
23
|
+
const hasError = warningLevel === 'high';
|
|
28
24
|
|
|
29
25
|
return (
|
|
30
26
|
<Container {...rest}>
|
|
31
27
|
{outputUsdValue && (
|
|
32
|
-
<
|
|
28
|
+
<NumericTooltip
|
|
33
29
|
content={realOutputUsdValue}
|
|
34
30
|
container={tooltipProps?.container}
|
|
35
31
|
open={
|
|
@@ -38,19 +34,17 @@ export function PriceImpact(props: PriceImpactPropTypes) {
|
|
|
38
34
|
: undefined
|
|
39
35
|
}
|
|
40
36
|
side={tooltipProps?.side}>
|
|
41
|
-
<
|
|
42
|
-
size={size}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
</Tooltip>
|
|
37
|
+
<ValueTypography>
|
|
38
|
+
<Typography size={size} variant="body" color={outputColor}>
|
|
39
|
+
{outputUsdValue === '0' ? '0.00' : `~$${outputUsdValue}`}
|
|
40
|
+
</Typography>
|
|
41
|
+
</ValueTypography>
|
|
42
|
+
</NumericTooltip>
|
|
48
43
|
)}
|
|
49
44
|
{((outputUsdValue && percentageChange) || !outputUsdValue) && (
|
|
50
|
-
|
|
45
|
+
<ValueTypography hasError={hasError} hasWarning={hasWarning}>
|
|
51
46
|
<Divider direction="horizontal" size={4} />
|
|
52
|
-
|
|
53
|
-
<Typography size={size} variant="body" color={percentageChangeColor}>
|
|
47
|
+
<Typography size={size} variant="body">
|
|
54
48
|
{outputUsdValue &&
|
|
55
49
|
percentageChange &&
|
|
56
50
|
`(${
|
|
@@ -61,7 +55,7 @@ export function PriceImpact(props: PriceImpactPropTypes) {
|
|
|
61
55
|
|
|
62
56
|
{!outputUsdValue && error}
|
|
63
57
|
</Typography>
|
|
64
|
-
|
|
58
|
+
</ValueTypography>
|
|
65
59
|
)}
|
|
66
60
|
</Container>
|
|
67
61
|
);
|
|
@@ -11,7 +11,7 @@ import { SelectContent, SelectItem, SelectTrigger } from './Select.styles';
|
|
|
11
11
|
export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
12
12
|
const [open, setOpen] = useState(false);
|
|
13
13
|
const selectRef = useRef<HTMLDivElement>(null);
|
|
14
|
-
const { options, value, container, handleItemClick, variant } = props;
|
|
14
|
+
const { options, value, container, handleItemClick, variant, styles } = props;
|
|
15
15
|
const handleToggle = () => {
|
|
16
16
|
setOpen((prev) => !prev);
|
|
17
17
|
};
|
|
@@ -31,6 +31,14 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
31
31
|
|
|
32
32
|
const selectedLabel = options.find((option) => option.value === value)?.label;
|
|
33
33
|
|
|
34
|
+
const wrapPortal = (children: React.ReactNode) => {
|
|
35
|
+
if (container) {
|
|
36
|
+
return <Select.Portal container={container}>{children}</Select.Portal>;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return <>{children}</>;
|
|
40
|
+
};
|
|
41
|
+
|
|
34
42
|
return (
|
|
35
43
|
<div ref={selectRef}>
|
|
36
44
|
<Select.Root value={value} open={open}>
|
|
@@ -39,7 +47,8 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
39
47
|
onKeyDown={(event) => event.key === 'Enter' && handleToggle()}
|
|
40
48
|
onClick={handleToggle}
|
|
41
49
|
open={open}
|
|
42
|
-
aria-label={selectedLabel}
|
|
50
|
+
aria-label={selectedLabel}
|
|
51
|
+
css={styles?.trigger}>
|
|
43
52
|
<Select.Value>
|
|
44
53
|
<Typography variant="body" size="small">
|
|
45
54
|
{selectedLabel}
|
|
@@ -50,7 +59,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
50
59
|
<ChevronDownIcon size={12} color="black" />
|
|
51
60
|
</Select.Icon>
|
|
52
61
|
</SelectTrigger>
|
|
53
|
-
|
|
62
|
+
{wrapPortal(
|
|
54
63
|
<SelectContent position="popper" sideOffset={5}>
|
|
55
64
|
<Select.ScrollUpButton className="SelectScrollButton">
|
|
56
65
|
<ChevronUpIcon />
|
|
@@ -81,7 +90,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
81
90
|
<ChevronDownIcon />
|
|
82
91
|
</Select.ScrollDownButton>
|
|
83
92
|
</SelectContent>
|
|
84
|
-
|
|
93
|
+
)}
|
|
85
94
|
</Select.Root>
|
|
86
95
|
</div>
|
|
87
96
|
);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type * as Stitches from '@stitches/react';
|
|
2
|
+
|
|
1
3
|
type Item<T> = {
|
|
2
4
|
value: T;
|
|
3
5
|
label: string;
|
|
@@ -11,4 +13,7 @@ export type SelectPropTypes<T> = {
|
|
|
11
13
|
value: string;
|
|
12
14
|
container?: HTMLElement;
|
|
13
15
|
variant: Variant;
|
|
16
|
+
styles?: {
|
|
17
|
+
trigger?: Stitches.CSS;
|
|
18
|
+
};
|
|
14
19
|
};
|
|
@@ -7,7 +7,7 @@ import { ChainToken } from '../../components/ChainToken/ChainToken';
|
|
|
7
7
|
import { NextIcon } from '../../icons';
|
|
8
8
|
import { Image } from '../common';
|
|
9
9
|
import { Divider } from '../Divider';
|
|
10
|
-
import {
|
|
10
|
+
import { NumericTooltip } from '../Tooltip';
|
|
11
11
|
import { Typography } from '../Typography';
|
|
12
12
|
|
|
13
13
|
import {
|
|
@@ -133,7 +133,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
|
|
|
133
133
|
tokenImage={step.from.token.image}
|
|
134
134
|
size="small"
|
|
135
135
|
/>
|
|
136
|
-
<
|
|
136
|
+
<NumericTooltip
|
|
137
137
|
content={step.from.price.realValue}
|
|
138
138
|
container={tooltipContainer}>
|
|
139
139
|
<Divider direction="horizontal" size={4} />
|
|
@@ -141,7 +141,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
|
|
|
141
141
|
size="small"
|
|
142
142
|
color="$neutral700"
|
|
143
143
|
variant="body">{`${step.from.price.value} ${step.from.token.displayName}`}</Typography>
|
|
144
|
-
</
|
|
144
|
+
</NumericTooltip>
|
|
145
145
|
<Divider direction="horizontal" size={4} />
|
|
146
146
|
|
|
147
147
|
<NextIcon color="gray" />
|
|
@@ -151,7 +151,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
|
|
|
151
151
|
tokenImage={step.to.token.image}
|
|
152
152
|
size="small"
|
|
153
153
|
/>
|
|
154
|
-
<
|
|
154
|
+
<NumericTooltip
|
|
155
155
|
content={step.to.price.realValue}
|
|
156
156
|
container={tooltipContainer}>
|
|
157
157
|
<Divider direction="horizontal" size={4} />
|
|
@@ -161,7 +161,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
|
|
|
161
161
|
}${step.to.price.value} ${
|
|
162
162
|
step.to.token.displayName
|
|
163
163
|
}`}</Typography>
|
|
164
|
-
</
|
|
164
|
+
</NumericTooltip>
|
|
165
165
|
</div>
|
|
166
166
|
<Alerts pb={hasSeparator && type === 'quote-details'}>
|
|
167
167
|
{step.alerts}
|
|
@@ -7,7 +7,7 @@ import { NextIcon } from '../../icons';
|
|
|
7
7
|
import { ChainToken } from '../ChainToken';
|
|
8
8
|
import { Divider } from '../Divider';
|
|
9
9
|
import { Skeleton } from '../Skeleton';
|
|
10
|
-
import {
|
|
10
|
+
import { NumericTooltip } from '../Tooltip';
|
|
11
11
|
import { Typography } from '../Typography';
|
|
12
12
|
|
|
13
13
|
import {
|
|
@@ -129,11 +129,13 @@ export function SwapToken(props: PropTypes) {
|
|
|
129
129
|
{fromToken.displayName}
|
|
130
130
|
</Typography>
|
|
131
131
|
{!!fromAmount && (
|
|
132
|
-
<
|
|
132
|
+
<NumericTooltip
|
|
133
|
+
content={fromRealAmount}
|
|
134
|
+
container={tooltipContainer}>
|
|
133
135
|
<Typography size="small" variant="body" color="neutral700">
|
|
134
136
|
{fromAmount}
|
|
135
137
|
</Typography>
|
|
136
|
-
</
|
|
138
|
+
</NumericTooltip>
|
|
137
139
|
)}
|
|
138
140
|
</TokenInfo>
|
|
139
141
|
<Icon>
|
|
@@ -143,11 +145,11 @@ export function SwapToken(props: PropTypes) {
|
|
|
143
145
|
<Typography size="medium" variant="title">
|
|
144
146
|
{toToken.displayName}
|
|
145
147
|
</Typography>
|
|
146
|
-
<
|
|
148
|
+
<NumericTooltip content={toRealAmount} container={tooltipContainer}>
|
|
147
149
|
<Typography size="small" variant="body" color="neutral700">
|
|
148
150
|
{toAmount}
|
|
149
151
|
</Typography>
|
|
150
|
-
</
|
|
152
|
+
</NumericTooltip>
|
|
151
153
|
</TokenInfo>
|
|
152
154
|
</Layout>
|
|
153
155
|
)}
|
|
@@ -33,6 +33,16 @@ function TextFieldComponent(
|
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
+
const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {
|
|
37
|
+
if (inputAttributes?.type === 'number') {
|
|
38
|
+
const data = event.clipboardData.getData('text');
|
|
39
|
+
const numericPattern = /^\d+(\.\d+)?$/;
|
|
40
|
+
if (!numericPattern.test(data)) {
|
|
41
|
+
event.preventDefault();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
|
|
36
46
|
return (
|
|
37
47
|
<>
|
|
38
48
|
{label && (
|
|
@@ -52,12 +62,13 @@ function TextFieldComponent(
|
|
|
52
62
|
fullWidth={fullWidth}
|
|
53
63
|
variant={variant}
|
|
54
64
|
size={size}
|
|
55
|
-
|
|
65
|
+
css={style}
|
|
56
66
|
className="_text-field">
|
|
57
67
|
{prefix || null}
|
|
58
68
|
<Input
|
|
59
69
|
{...inputAttributes}
|
|
60
70
|
onKeyDown={handleKeyDown}
|
|
71
|
+
onPaste={handlePaste}
|
|
61
72
|
spellCheck={false}
|
|
62
73
|
suffix={!!suffix}
|
|
63
74
|
ref={ref}
|