@rango-dev/ui 0.26.1-next.12 → 0.26.1-next.13

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 (16) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +3 -3
  3. package/dist/translations/en.d.ts.map +1 -1
  4. package/dist/translations/es.d.ts.map +1 -1
  5. package/dist/translations/fr.d.ts.map +1 -1
  6. package/dist/translations/ja.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/Wallet/ClickableWallet.d.ts.map +1 -1
  8. package/dist/widget/ui/src/components/Wallet/SelectableWallet.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
  10. package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts +2 -0
  11. package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts.map +1 -1
  12. package/package.json +1 -1
  13. package/src/components/Wallet/ClickableWallet.tsx +10 -5
  14. package/src/components/Wallet/SelectableWallet.tsx +11 -2
  15. package/src/components/Wallet/Wallet.styles.ts +4 -0
  16. package/src/components/Wallet/Wallet.types.ts +2 -0
package/dist/translations/en.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA+kZ,CAAC"}
1
+ {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAqya,CAAC"}
package/dist/translations/es.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA25a,CAAC"}
1
+ {"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAinc,CAAC"}
package/dist/translations/fr.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAmib,CAAC"}
1
+ {"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAyvc,CAAC"}
package/dist/translations/ja.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAm2V,CAAC"}
1
+ {"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAyjX,CAAC"}
package/dist/widget/ui/src/components/Wallet/ClickableWallet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ClickableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/ClickableWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,iBAAS,MAAM,CAAC,KAAK,EAAE,eAAe,qBA+CrC;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"ClickableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/ClickableWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,iBAAS,MAAM,CAAC,KAAK,EAAE,eAAe,qBAoDrC;AAED,eAAe,MAAM,CAAC"}
package/dist/widget/ui/src/components/Wallet/SelectableWallet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/SelectableWallet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,KAAK,mBAAmB,EAAe,MAAM,gBAAgB,CAAC;AAEvE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,qBAiC1D"}
1
+ {"version":3,"file":"SelectableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/SelectableWallet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,KAAK,mBAAmB,EAAe,MAAM,gBAAgB,CAAC;AAEvE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,qBA0C1D"}
package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Wallet.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAI/B,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAEhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIf,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA4CvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUxB,CAAC"}
1
+ {"version":3,"file":"Wallet.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAI/B,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAEhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIf,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgDvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUxB,CAAC"}
package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts CHANGED
@@ -34,8 +34,10 @@ export interface WalletPropTypes {
34
34
  description?: string;
35
35
  isLoading?: boolean;
36
36
  container?: HTMLElement;
37
+ disabled?: boolean;
37
38
  }
38
39
  export type SelectablePropTypes = WalletPropTypes & {
39
40
  selected: boolean;
41
+ disabled?: boolean;
40
42
  };
41
43
  //# sourceMappingURL=Wallet.types.d.ts.map
package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5E,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;CACxB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5E,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;CACxB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.26.1-next.12",
3
+ "version": "0.26.1-next.13",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
package/src/components/Wallet/ClickableWallet.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { WalletPropTypes } from './Wallet.types';
2
2
 
3
3
  import { detectInstallLink } from '@rango-dev/wallets-shared';
4
- import React from 'react';
4
+ import React, { Fragment } from 'react';
5
5
 
6
6
  import { Image } from '../common';
7
7
  import { Divider } from '../Divider';
@@ -20,7 +20,7 @@ import {
20
20
  import { WalletState } from './Wallet.types';
21
21
 
22
22
  function Wallet(props: WalletPropTypes) {
23
- const { title, type, image, onClick, isLoading } = props;
23
+ const { title, type, image, onClick, isLoading, disabled = false } = props;
24
24
  const info = makeInfo(props.state);
25
25
 
26
26
  if (isLoading) {
@@ -35,10 +35,15 @@ function Wallet(props: WalletPropTypes) {
35
35
  );
36
36
  }
37
37
 
38
+ const WrapperComponent = disabled ? Fragment : Tooltip;
39
+
38
40
  return (
39
- <Tooltip container={props.container} content={info.tooltipText} side="top">
41
+ <WrapperComponent
42
+ container={props.container}
43
+ content={info.tooltipText}
44
+ side="top">
40
45
  <WalletButton
41
- disabled={props.state == WalletState.CONNECTING}
46
+ disabled={props.state == WalletState.CONNECTING || disabled}
42
47
  onClick={() => {
43
48
  if (props.state === WalletState.NOT_INSTALLED) {
44
49
  window.open(detectInstallLink(props.link), '_blank');
@@ -64,7 +69,7 @@ function Wallet(props: WalletPropTypes) {
64
69
  </Typography>
65
70
  </Text>
66
71
  </WalletButton>
67
- </Tooltip>
72
+ </WrapperComponent>
68
73
  );
69
74
  }
70
75
 
package/src/components/Wallet/SelectableWallet.tsx CHANGED
@@ -14,12 +14,21 @@ import {
14
14
  import { type SelectablePropTypes, WalletState } from './Wallet.types';
15
15
 
16
16
  export function SelectableWallet(props: SelectablePropTypes) {
17
- const { title, type, image, onClick, selected, description, state } = props;
17
+ const {
18
+ title,
19
+ type,
20
+ image,
21
+ onClick,
22
+ selected,
23
+ description,
24
+ state,
25
+ disabled = false,
26
+ } = props;
18
27
  const info = makeInfo(props.state);
19
28
  return (
20
29
  <WalletButton
21
30
  selected={selected}
22
- disabled={props.state == WalletState.CONNECTING}
31
+ disabled={props.state == WalletState.CONNECTING || disabled}
23
32
  onClick={() => {
24
33
  if (props.state === WalletState.NOT_INSTALLED) {
25
34
  window.open(detectInstallLink(props.link), '_blank');
package/src/components/Wallet/Wallet.styles.ts CHANGED
@@ -48,6 +48,10 @@ export const WalletButton = styled('button', {
48
48
  backgroundColor: '$$color',
49
49
  outline: 0,
50
50
  },
51
+ '&:disabled': {
52
+ filter: 'grayscale(1)',
53
+ pointerEvents: 'none',
54
+ },
51
55
  variants: {
52
56
  selected: {
53
57
  true: {
package/src/components/Wallet/Wallet.types.ts CHANGED
@@ -39,8 +39,10 @@ export interface WalletPropTypes {
39
39
  description?: string;
40
40
  isLoading?: boolean;
41
41
  container?: HTMLElement;
42
+ disabled?: boolean;
42
43
  }
43
44
 
44
45
  export type SelectablePropTypes = WalletPropTypes & {
45
46
  selected: boolean;
47
+ disabled?: boolean;
46
48
  };