@rango-dev/ui 0.29.1-next.4 → 0.29.1-next.5

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.
Files changed (37) hide show
  1. package/dist/index.js +6 -6
  2. package/dist/index.js.map +4 -4
  3. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.d.ts +6 -0
  4. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.d.ts.map +1 -0
  5. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts +4 -0
  6. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map +1 -0
  7. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.stories.d.ts +7 -0
  8. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.stories.d.ts.map +1 -0
  9. package/dist/widget/ui/src/components/{ExpandedRoute/ExpandedRoute.styles.d.ts → FullExpandedQuote/FullExpandedQuote.styles.d.ts} +652 -3
  10. package/dist/widget/ui/src/components/{ExpandedRoute/ExpandedRoute.styles.d.ts.map → FullExpandedQuote/FullExpandedQuote.styles.d.ts.map} +1 -1
  11. package/dist/widget/ui/src/components/{ExpandedRoute/ExpandedRoute.types.d.ts → FullExpandedQuote/FullExpandedQuote.types.d.ts} +17 -9
  12. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts.map +1 -0
  13. package/dist/widget/ui/src/components/FullExpandedQuote/index.d.ts +2 -0
  14. package/dist/widget/ui/src/components/FullExpandedQuote/index.d.ts.map +1 -0
  15. package/dist/widget/ui/src/components/FullExpandedQuote/mock.d.ts.map +1 -0
  16. package/dist/widget/ui/src/components/index.d.ts +1 -1
  17. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  18. package/package.json +1 -1
  19. package/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.tsx +78 -0
  20. package/src/components/{ExpandedRoute/ExpandedRoute.stories.tsx → FullExpandedQuote/FullExpandedQuote.stories.tsx} +4 -4
  21. package/src/components/{ExpandedRoute/ExpandedRoute.styles.ts → FullExpandedQuote/FullExpandedQuote.styles.ts} +26 -4
  22. package/src/components/FullExpandedQuote/FullExpandedQuote.tsx +182 -0
  23. package/src/components/{ExpandedRoute/ExpandedRoute.types.ts → FullExpandedQuote/FullExpandedQuote.types.ts} +17 -8
  24. package/src/components/FullExpandedQuote/index.ts +1 -0
  25. package/src/components/index.ts +1 -1
  26. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts +0 -4
  27. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts.map +0 -1
  28. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts +0 -7
  29. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts.map +0 -1
  30. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.types.d.ts.map +0 -1
  31. package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts +0 -2
  32. package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts.map +0 -1
  33. package/dist/widget/ui/src/components/ExpandedRoute/mock.d.ts.map +0 -1
  34. package/src/components/ExpandedRoute/ExpandedRoute.tsx +0 -147
  35. package/src/components/ExpandedRoute/index.ts +0 -1
  36. /package/dist/widget/ui/src/components/{ExpandedRoute → FullExpandedQuote}/mock.d.ts +0 -0
  37. /package/src/components/{ExpandedRoute → FullExpandedQuote}/mock.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandedRoute.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FullExpandedQuote.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.styles.ts"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyBxB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGxB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASvB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG5B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAiBxB,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKxB,CAAC"}
@@ -1,18 +1,26 @@
1
+ import type { SwapInputProps } from '../../containers/SwapInput/SwapInput.types';
1
2
  import type { PriceImpactProps } from '../PriceImpact/PriceImpact.types';
2
3
  import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
3
4
  import type { Step } from '../StepDetails/StepDetails.types';
4
5
  import type { RouteTag } from 'rango-sdk';
5
- import type { SwapInputProps } from 'src/containers/SwapInput/SwapInput.types';
6
- export interface PropTypes {
7
- steps: Step[];
8
- tags: RouteTag[];
9
- time: QuoteCostProps['time'];
10
- fee: QuoteCostProps['fee'];
6
+ type BaseProps = {
11
7
  percentageChange?: PriceImpactProps['percentageChange'];
12
8
  warningLevel?: PriceImpactProps['warningLevel'];
13
- outputPrice: SwapInputProps['price'];
14
9
  tooltipContainer?: HTMLElement;
15
10
  onClick?: () => void;
16
11
  selected?: boolean;
17
- }
18
- //# sourceMappingURL=ExpandedRoute.types.d.ts.map
12
+ };
13
+ export type DataLoadedProps = {
14
+ steps: Step[];
15
+ tags: RouteTag[];
16
+ time: QuoteCostProps['time'];
17
+ fee: QuoteCostProps['fee'];
18
+ outputPrice: SwapInputProps['price'];
19
+ loading?: false;
20
+ };
21
+ type LoadingProps = {
22
+ loading: true;
23
+ };
24
+ export type PropTypes = BaseProps & (DataLoadedProps | LoadingProps);
25
+ export {};
26
+ //# sourceMappingURL=FullExpandedQuote.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FullExpandedQuote.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,KAAK,SAAS,GAAG;IACf,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { FullExpandedQuote } from './FullExpandedQuote';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAE7D,eAAO,MAAM,KAAK,EAAE,IAAI,EAkNvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;GAqBhB,CAAC"}
@@ -11,7 +11,7 @@ export * from './Chip';
11
11
  export * from './common';
12
12
  export * from './Divider';
13
13
  export * from './Drawer';
14
- export * from './ExpandedRoute';
14
+ export * from './FullExpandedQuote';
15
15
  export * from './Header';
16
16
  export * from './Modal';
17
17
  export * from './MessageBox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.29.1-next.4",
3
+ "version": "0.29.1-next.5",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -0,0 +1,78 @@
1
+ import React from 'react';
2
+
3
+ import { ChainToken } from '../ChainToken';
4
+ import { Skeleton } from '../Skeleton';
5
+
6
+ import {
7
+ FlexCenter,
8
+ OutputLoading,
9
+ Separator,
10
+ VerticalLine,
11
+ } from './FullExpandedQuote.styles';
12
+
13
+ export function SkeletonHeader() {
14
+ return (
15
+ <>
16
+ <FlexCenter>
17
+ <Skeleton width={57.5} variant="text" size="large" />
18
+ <Separator />
19
+ <Skeleton width={57.5} variant="text" size="large" />
20
+ <Separator />
21
+ <Skeleton width={25.5} variant="text" size="large" />
22
+ </FlexCenter>
23
+ <FlexCenter
24
+ css={{
25
+ gap: '$5',
26
+ }}>
27
+ <Skeleton width={74} variant="text" size="large" />
28
+ <Skeleton width={80} variant="text" size="large" />
29
+ <Skeleton width={75} variant="text" size="large" />
30
+ <Skeleton width={52} variant="text" size="large" />
31
+ <Skeleton width={95} variant="text" size="large" />
32
+ </FlexCenter>
33
+ </>
34
+ );
35
+ }
36
+
37
+ export function SkeletonOutput() {
38
+ return (
39
+ <OutputLoading>
40
+ <ChainToken
41
+ useAsPlaceholder={true}
42
+ size="medium"
43
+ chainImage=""
44
+ tokenImage=""
45
+ loading={true}
46
+ />
47
+ <Skeleton variant="rounded" width={122} height={29} />
48
+ </OutputLoading>
49
+ );
50
+ }
51
+ export function SkeletonItemLeft() {
52
+ return (
53
+ <div
54
+ style={{
55
+ display: 'flex',
56
+ alignItems: 'end',
57
+ }}>
58
+ <Skeleton variant="rounded" width={42} height={49} />
59
+ </div>
60
+ );
61
+ }
62
+
63
+ export function SkeletonItemRight() {
64
+ return (
65
+ <FlexCenter
66
+ css={{
67
+ flexDirection: 'column',
68
+ gap: '$2',
69
+ }}>
70
+ <Skeleton variant="circular" width={30} height={30} />
71
+ <VerticalLine
72
+ css={{
73
+ width: 'unset',
74
+ }}
75
+ />
76
+ </FlexCenter>
77
+ );
78
+ }
@@ -1,14 +1,14 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
 
3
- import { ExpandedRoute } from './ExpandedRoute';
3
+ import { FullExpandedQuote } from './FullExpandedQuote';
4
4
  import { steps, tags } from './mock';
5
5
 
6
- const meta: Meta<typeof ExpandedRoute> = {
7
- component: ExpandedRoute,
6
+ const meta: Meta<typeof FullExpandedQuote> = {
7
+ component: FullExpandedQuote,
8
8
  };
9
9
 
10
10
  export default meta;
11
- type Story = StoryObj<typeof ExpandedRoute>;
11
+ type Story = StoryObj<typeof FullExpandedQuote>;
12
12
 
13
13
  export const Main: Story = {
14
14
  args: {
@@ -3,7 +3,7 @@ import { PriceImpact } from '../PriceImpact';
3
3
 
4
4
  export const tokenLabelStyles = css({});
5
5
 
6
- const FlexCenter = styled('div', {
6
+ export const FlexCenter = styled('div', {
7
7
  display: 'flex',
8
8
  justifyContent: 'center',
9
9
  alignItems: 'center',
@@ -39,6 +39,13 @@ export const RouteContainer = styled('div', {
39
39
  export const RouteHeader = styled('div', {
40
40
  display: 'flex',
41
41
  justifyContent: 'space-between',
42
+ variants: {
43
+ loading: {
44
+ true: {
45
+ padding: '$2',
46
+ },
47
+ },
48
+ },
42
49
  });
43
50
 
44
51
  export const TagsContainer = styled('div', {
@@ -49,10 +56,9 @@ export const TagsContainer = styled('div', {
49
56
  export const Steps = styled('div', {
50
57
  display: 'flex',
51
58
  height: '85px',
52
- padding: '$2',
53
59
  });
54
60
 
55
- export const Step = styled('div', {
61
+ export const StepItem = styled('div', {
56
62
  padding: '$2',
57
63
  display: 'flex',
58
64
  width: '100%',
@@ -172,7 +178,7 @@ export const lastStepStyle = css({
172
178
  content: '',
173
179
  position: 'absolute',
174
180
  top: '50%',
175
- right: '0',
181
+ right: '-3px',
176
182
  transform: 'translate(-50%, -50%) rotate(45deg)',
177
183
  width: '$6',
178
184
  height: '$6',
@@ -184,3 +190,19 @@ export const lastStepStyle = css({
184
190
  },
185
191
  },
186
192
  });
193
+
194
+ // Styles for the skeleton
195
+
196
+ export const Separator = styled('div', {
197
+ height: '$12',
198
+ marginLeft: '$10',
199
+ marginRight: '$10',
200
+ borderLeft: '1px solid $neutral700',
201
+ });
202
+
203
+ export const OutputLoading = styled(FlexCenter, {
204
+ padding: '0 $2',
205
+ height: '85px',
206
+ gap: '$10',
207
+ flexDirection: 'column',
208
+ });
@@ -0,0 +1,182 @@
1
+ import type { DataLoadedProps, PropTypes } from './FullExpandedQuote.types';
2
+
3
+ import React from 'react';
4
+
5
+ import { ErrorIcon, WarningIcon } from '../../icons';
6
+ import { ChainToken } from '../ChainToken';
7
+ import { Image } from '../common';
8
+ import { Divider } from '../Divider';
9
+ import { QuoteCost } from '../QuoteCost';
10
+ import { QuoteTag } from '../QuoteTag';
11
+ import { Tooltip } from '../Tooltip';
12
+ import { Typography } from '../Typography';
13
+
14
+ import {
15
+ SkeletonHeader,
16
+ SkeletonItemLeft,
17
+ SkeletonItemRight,
18
+ SkeletonOutput,
19
+ } from './FullExpandedQuote.Skeletons';
20
+ import {
21
+ FromToken,
22
+ IconHighlight,
23
+ lastStepStyle,
24
+ LeftSection,
25
+ OutputSection,
26
+ RightSection,
27
+ RouteContainer,
28
+ RouteHeader,
29
+ StepItem,
30
+ Steps,
31
+ StyledPriceImpact,
32
+ SwapperContainer,
33
+ SwapperImage,
34
+ TagsContainer,
35
+ tokenLabelStyles,
36
+ VerticalLine,
37
+ } from './FullExpandedQuote.styles';
38
+
39
+ const ITEM_SKELETON_COUNT = 3;
40
+
41
+ export function FullExpandedQuote(props: PropTypes) {
42
+ const {
43
+ loading,
44
+ percentageChange,
45
+ warningLevel,
46
+ tooltipContainer,
47
+ onClick,
48
+ selected,
49
+ } = props;
50
+
51
+ const steps: DataLoadedProps['steps'] = loading
52
+ ? Array(ITEM_SKELETON_COUNT).fill(undefined)
53
+ : props.steps;
54
+ const numberOfSteps = steps.length;
55
+
56
+ return (
57
+ <RouteContainer selected={selected} onClick={onClick}>
58
+ <RouteHeader loading={loading}>
59
+ {loading ? (
60
+ <SkeletonHeader />
61
+ ) : (
62
+ <>
63
+ <QuoteCost
64
+ fee={props.fee}
65
+ time={props.time}
66
+ steps={numberOfSteps}
67
+ />
68
+ <TagsContainer>
69
+ {props.tags.map((tag) => (
70
+ <QuoteTag key={tag.label} label={tag.label} value={tag.value} />
71
+ ))}
72
+ </TagsContainer>
73
+ </>
74
+ )}
75
+ </RouteHeader>
76
+ <Steps>
77
+ {steps.map((step, index) => {
78
+ const key = `item-${index}`;
79
+ return (
80
+ <StepItem
81
+ key={key}
82
+ className={index === numberOfSteps - 1 ? lastStepStyle() : ''}>
83
+ {loading ? (
84
+ <SkeletonItemLeft />
85
+ ) : (
86
+ <LeftSection>
87
+ <ChainToken
88
+ size="small"
89
+ chainImage={step.from.chain.image}
90
+ tokenImage={step.from.token.image}
91
+ />
92
+ <FromToken>
93
+ <Tooltip
94
+ content={step.from.price.realValue}
95
+ container={tooltipContainer}
96
+ side="bottom"
97
+ open={!step.from.price.realValue ? false : undefined}>
98
+ <Typography size="xsmall" variant="body">
99
+ {step.from.price.value}
100
+ </Typography>
101
+ </Tooltip>
102
+ <Typography
103
+ size="xsmall"
104
+ variant="body"
105
+ className={tokenLabelStyles()}>
106
+ {step.from.token.displayName}
107
+ </Typography>
108
+ </FromToken>
109
+ </LeftSection>
110
+ )}
111
+ <RightSection>
112
+ {loading ? (
113
+ <SkeletonItemRight />
114
+ ) : (
115
+ <>
116
+ <SwapperContainer>
117
+ <SwapperImage state={step.state}>
118
+ <Image
119
+ size={15}
120
+ type="circular"
121
+ src={step.swapper.image}
122
+ />
123
+ {step.state && (
124
+ <IconHighlight type={step.state}>
125
+ {step.state === 'error' ? (
126
+ <ErrorIcon size={6} color="error" />
127
+ ) : (
128
+ <WarningIcon size={6} color="warning" />
129
+ )}
130
+ </IconHighlight>
131
+ )}
132
+ </SwapperImage>
133
+ <Typography size="xsmall" variant="body" align="center">
134
+ {step.swapper.displayName}
135
+ </Typography>
136
+ </SwapperContainer>
137
+
138
+ <VerticalLine />
139
+ </>
140
+ )}
141
+ </RightSection>
142
+ </StepItem>
143
+ );
144
+ })}
145
+ {!loading && (
146
+ <OutputSection>
147
+ <ChainToken
148
+ chainImage={steps[numberOfSteps - 1].to.chain.image}
149
+ tokenImage={steps[numberOfSteps - 1].to.token.image}
150
+ size="medium"
151
+ />
152
+ <div>
153
+ <Tooltip
154
+ content={props.outputPrice.realValue}
155
+ container={tooltipContainer}
156
+ open={!props.outputPrice.realValue ? false : undefined}>
157
+ <Typography size="xmedium" variant="title">
158
+ {props.outputPrice.value}
159
+ </Typography>
160
+ <Divider size={4} direction="horizontal" />
161
+ <Typography size="large" variant="body">
162
+ {steps[numberOfSteps - 1].to.token.displayName}
163
+ </Typography>
164
+ </Tooltip>
165
+ </div>
166
+ <StyledPriceImpact
167
+ size="xsmall"
168
+ warningLevel={warningLevel}
169
+ outputUsdValue={props.outputPrice.usdValue}
170
+ realOutputUsdValue={props.outputPrice.realUsdValue}
171
+ percentageChange={percentageChange}
172
+ tooltipProps={{
173
+ container: tooltipContainer,
174
+ }}
175
+ />
176
+ </OutputSection>
177
+ )}
178
+ {loading && <SkeletonOutput />}
179
+ </Steps>
180
+ </RouteContainer>
181
+ );
182
+ }
@@ -1,18 +1,27 @@
1
+ import type { SwapInputProps } from '../../containers/SwapInput/SwapInput.types';
1
2
  import type { PriceImpactProps } from '../PriceImpact/PriceImpact.types';
2
3
  import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
3
4
  import type { Step } from '../StepDetails/StepDetails.types';
4
5
  import type { RouteTag } from 'rango-sdk';
5
- import type { SwapInputProps } from 'src/containers/SwapInput/SwapInput.types';
6
6
 
7
- export interface PropTypes {
8
- steps: Step[];
9
- tags: RouteTag[];
10
- time: QuoteCostProps['time'];
11
- fee: QuoteCostProps['fee'];
7
+ type BaseProps = {
12
8
  percentageChange?: PriceImpactProps['percentageChange'];
13
9
  warningLevel?: PriceImpactProps['warningLevel'];
14
- outputPrice: SwapInputProps['price'];
15
10
  tooltipContainer?: HTMLElement;
16
11
  onClick?: () => void;
17
12
  selected?: boolean;
18
- }
13
+ };
14
+
15
+ export type DataLoadedProps = {
16
+ steps: Step[];
17
+ tags: RouteTag[];
18
+ time: QuoteCostProps['time'];
19
+ fee: QuoteCostProps['fee'];
20
+ outputPrice: SwapInputProps['price'];
21
+ loading?: false;
22
+ };
23
+ type LoadingProps = {
24
+ loading: true;
25
+ };
26
+
27
+ export type PropTypes = BaseProps & (DataLoadedProps | LoadingProps);
@@ -0,0 +1 @@
1
+ export { FullExpandedQuote } from './FullExpandedQuote';
@@ -11,7 +11,7 @@ export * from './Chip';
11
11
  export * from './common';
12
12
  export * from './Divider';
13
13
  export * from './Drawer';
14
- export * from './ExpandedRoute';
14
+ export * from './FullExpandedQuote';
15
15
  export * from './Header';
16
16
  export * from './Modal';
17
17
  export * from './MessageBox';
@@ -1,4 +0,0 @@
1
- import type { PropTypes } from './ExpandedRoute.types';
2
- import React from 'react';
3
- export declare function ExpandedRoute(props: PropTypes): React.JSX.Element;
4
- //# sourceMappingURL=ExpandedRoute.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandedRoute.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAkH7C"}
@@ -1,7 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { ExpandedRoute } from './ExpandedRoute';
3
- declare const meta: Meta<typeof ExpandedRoute>;
4
- export default meta;
5
- type Story = StoryObj<typeof ExpandedRoute>;
6
- export declare const Main: Story;
7
- //# sourceMappingURL=ExpandedRoute.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandedRoute.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAEpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI,EAAE,KAgBlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ExpandedRoute.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE/E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1,2 +0,0 @@
1
- export { ExpandedRoute } from './ExpandedRoute';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAE7D,eAAO,MAAM,KAAK,EAAE,IAAI,EAkNvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;GAqBhB,CAAC"}