@rango-dev/ui 0.27.1-next.0 → 0.27.1-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +4 -4
  3. package/dist/widget/ui/src/components/ChainToken/ChainToken.d.ts.map +1 -1
  4. package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts +1 -0
  5. package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts.map +1 -1
  6. package/dist/widget/ui/src/components/common/Image.d.ts +1 -0
  7. package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
  8. package/dist/widget/ui/src/constants/index.d.ts +7 -0
  9. package/dist/widget/ui/src/constants/index.d.ts.map +1 -0
  10. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
  11. package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map +1 -1
  12. package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts +1 -0
  13. package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts.map +1 -1
  14. package/dist/widget/ui/src/index.d.ts +1 -0
  15. package/dist/widget/ui/src/index.d.ts.map +1 -1
  16. package/package.json +1 -1
  17. package/src/components/ChainToken/ChainToken.tsx +9 -1
  18. package/src/components/ChainToken/ChainToken.types.ts +1 -0
  19. package/src/components/common/Image.tsx +1 -0
  20. package/src/constants/index.ts +6 -0
  21. package/src/containers/SwapInput/SwapInput.tsx +13 -1
  22. package/src/containers/SwapInput/TokenSection.tsx +2 -0
  23. package/src/containers/SwapInput/TokenSection.types.ts +1 -0
  24. package/src/index.ts +1 -0
package/dist/widget/ui/src/components/ChainToken/ChainToken.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+C1C,CAAC"}
1
+ {"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuD1C,CAAC"}
package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts CHANGED
@@ -5,6 +5,7 @@ type BaseSizes = Exclude<BaseProps['size'], object>;
5
5
  export type PropTypes = {
6
6
  tokenImage: string;
7
7
  chainImage: string;
8
+ chianImageId?: string;
8
9
  size: NonNullable<BaseSizes>;
9
10
  useAsPlaceholder?: boolean;
10
11
  loading?: boolean;
package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChainToken.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACnE,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"ChainToken.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACnE,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
package/dist/widget/ui/src/components/common/Image.d.ts CHANGED
@@ -161,6 +161,7 @@ export declare const ImageContainer: import("@stitches/react/types/styled-compon
161
161
  transitions: {};
162
162
  }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
163
163
  type PropTypes = {
164
+ id?: string;
164
165
  size: number;
165
166
  useAsPlaceholder?: boolean;
166
167
  backgroundColor?: string;
package/dist/widget/ui/src/components/common/Image.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYzB,CAAC;AAEH,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;CACnC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAE9C,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBA0BrC"}
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYzB,CAAC;AAEH,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;CACnC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAE9C,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBA0BrC"}
package/dist/widget/ui/src/constants/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export declare const UI_ID: {
2
+ SWAP_FROM_INPUT_CONTAINER_ID: string;
3
+ SWAP_TO_INPUT_CONTAINER_ID: string;
4
+ SWAP_FROM_CHAIN_IMAGE_ID: string;
5
+ SWAP_TO_CHAIN_IMAGE_ID: string;
6
+ };
7
+ //# sourceMappingURL=index.d.ts.map
package/dist/widget/ui/src/constants/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC"}
package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuH9C"}
1
+ {"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAkI9C"}
package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8CpD"}
1
+ {"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAgDpD"}
package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts CHANGED
@@ -3,6 +3,7 @@ export type TokenSectionProps = {
3
3
  tokenImage: string;
4
4
  tokenSymbol: string;
5
5
  chain: string;
6
+ chianImageId?: string;
6
7
  error?: boolean;
7
8
  onClick: () => void;
8
9
  loading?: boolean;
package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TokenSection.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"TokenSection.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
package/dist/widget/ui/src/index.d.ts CHANGED
@@ -4,4 +4,5 @@ export * from './theme';
4
4
  export * from './types';
5
5
  export * from './hooks';
6
6
  export * from './icons';
7
+ export * from './constants';
7
8
  //# sourceMappingURL=index.d.ts.map
package/dist/widget/ui/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.27.1-next.0",
3
+ "version": "0.27.1-next.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
package/src/components/ChainToken/ChainToken.tsx CHANGED
@@ -9,7 +9,14 @@ import { tokenChainSizeMap } from './ChainToken.constants';
9
9
  import { ChainImageContainer, Container } from './ChainToken.styles';
10
10
 
11
11
  export const ChainToken: React.FC<PropTypes> = (props) => {
12
- const { tokenImage, chainImage, size, useAsPlaceholder, loading } = props;
12
+ const {
13
+ tokenImage,
14
+ chainImage,
15
+ chianImageId,
16
+ size,
17
+ useAsPlaceholder,
18
+ loading,
19
+ } = props;
13
20
  return (
14
21
  <Container
15
22
  css={
@@ -43,6 +50,7 @@ export const ChainToken: React.FC<PropTypes> = (props) => {
43
50
  />
44
51
  ) : (
45
52
  <Image
53
+ id={chianImageId}
46
54
  size={tokenChainSizeMap[size].chain}
47
55
  src={chainImage}
48
56
  type="circular"
package/src/components/ChainToken/ChainToken.types.ts CHANGED
@@ -7,6 +7,7 @@ type BaseSizes = Exclude<BaseProps['size'], object>;
7
7
  export type PropTypes = {
8
8
  tokenImage: string;
9
9
  chainImage: string;
10
+ chianImageId?: string;
10
11
  size: NonNullable<BaseSizes>;
11
12
  useAsPlaceholder?: boolean;
12
13
  loading?: boolean;
package/src/components/common/Image.tsx CHANGED
@@ -17,6 +17,7 @@ export const ImageContainer = styled('div', {
17
17
  });
18
18
 
19
19
  type PropTypes = {
20
+ id?: string;
20
21
  size: number;
21
22
  useAsPlaceholder?: boolean;
22
23
  backgroundColor?: string;
package/src/constants/index.ts ADDED
@@ -0,0 +1,6 @@
1
+ export const UI_ID = {
2
+ SWAP_FROM_INPUT_CONTAINER_ID: 'rango-swap-from-input-container',
3
+ SWAP_TO_INPUT_CONTAINER_ID: 'rango-swap-to-input-container',
4
+ SWAP_FROM_CHAIN_IMAGE_ID: 'rango-swap-from-chain-image',
5
+ SWAP_TO_CHAIN_IMAGE_ID: 'rango-swap-to-chain-image',
6
+ };
package/src/containers/SwapInput/SwapInput.tsx CHANGED
@@ -10,6 +10,7 @@ import {
10
10
  Tooltip,
11
11
  Typography,
12
12
  } from '../../components';
13
+ import { UI_ID } from '../../constants';
13
14
 
14
15
  import {
15
16
  amountStyles,
@@ -32,7 +33,13 @@ export function SwapInput(props: SwapInputProps) {
32
33
  const showBalanceSkeleton =
33
34
  'balance' in props && (props.loading || props.loadingBalance);
34
35
  return (
35
- <Container sharpBottomStyle={props.sharpBottomStyle}>
36
+ <Container
37
+ id={
38
+ props.mode === 'To'
39
+ ? UI_ID.SWAP_TO_INPUT_CONTAINER_ID
40
+ : UI_ID.SWAP_FROM_INPUT_CONTAINER_ID
41
+ }
42
+ sharpBottomStyle={props.sharpBottomStyle}>
36
43
  <div className={labelContainerStyles()}>
37
44
  <div className={labelStyles()}>
38
45
  <Typography variant="body" size="small" className={textStyles()}>
@@ -67,6 +74,11 @@ export function SwapInput(props: SwapInputProps) {
67
74
  <div className={formStyles()}>
68
75
  <TokenSection
69
76
  chain={props.chain.displayName}
77
+ chianImageId={
78
+ props.mode === 'To'
79
+ ? UI_ID.SWAP_TO_CHAIN_IMAGE_ID
80
+ : UI_ID.SWAP_FROM_CHAIN_IMAGE_ID
81
+ }
70
82
  tokenSymbol={props.token.displayName}
71
83
  error={props.error}
72
84
  chainImage={props.chain.image}
package/src/containers/SwapInput/TokenSection.tsx CHANGED
@@ -20,6 +20,7 @@ export function TokenSection(props: TokenSectionProps) {
20
20
  tokenImage,
21
21
  tokenSymbol,
22
22
  chain,
23
+ chianImageId,
23
24
  onClick,
24
25
  loading,
25
26
  } = props;
@@ -27,6 +28,7 @@ export function TokenSection(props: TokenSectionProps) {
27
28
  <Container variant="default" disabled={error || loading} onClick={onClick}>
28
29
  <TokenSectionContainer>
29
30
  <ChainToken
31
+ chianImageId={chianImageId}
30
32
  size="large"
31
33
  useAsPlaceholder={error}
32
34
  chainImage={chainImage}
package/src/containers/SwapInput/TokenSection.types.ts CHANGED
@@ -3,6 +3,7 @@ export type TokenSectionProps = {
3
3
  tokenImage: string;
4
4
  tokenSymbol: string;
5
5
  chain: string;
6
+ chianImageId?: string;
6
7
  error?: boolean;
7
8
  onClick: () => void;
8
9
  loading?: boolean;
package/src/index.ts CHANGED
@@ -4,3 +4,4 @@ export * from './theme';
4
4
  export * from './types';
5
5
  export * from './hooks';
6
6
  export * from './icons';
7
+ export * from './constants';