@reown/appkit-ui-react-native 0.0.0-feat-onramp-20250307133336 → 0.0.0-feat-onramp-20250307193018
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/lib/commonjs/composites/wui-button/index.js +3 -1
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-double-image-loader/index.js +2 -39
- package/lib/commonjs/composites/wui-double-image-loader/index.js.map +1 -1
- package/lib/commonjs/composites/wui-double-image-loader/index.native.js +94 -0
- package/lib/commonjs/composites/wui-double-image-loader/index.native.js.map +1 -0
- package/lib/commonjs/composites/wui-icon-box/index.js +4 -2
- package/lib/commonjs/composites/wui-icon-box/index.js.map +1 -1
- package/lib/commonjs/composites/wui-numeric-keyboard/index.js +2 -0
- package/lib/commonjs/composites/wui-numeric-keyboard/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +4 -2
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +2 -1
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +3 -1
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-double-image-loader/index.js +2 -39
- package/lib/module/composites/wui-double-image-loader/index.js.map +1 -1
- package/lib/module/composites/wui-double-image-loader/index.native.js +87 -0
- package/lib/module/composites/wui-double-image-loader/index.native.js.map +1 -0
- package/lib/module/composites/wui-icon-box/index.js +4 -2
- package/lib/module/composites/wui-icon-box/index.js.map +1 -1
- package/lib/module/composites/wui-numeric-keyboard/index.js +2 -0
- package/lib/module/composites/wui-numeric-keyboard/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +4 -2
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +2 -1
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/typescript/composites/wui-button/index.d.ts +2 -1
- package/lib/typescript/composites/wui-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-double-image-loader/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts +16 -0
- package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts.map +1 -0
- package/lib/typescript/composites/wui-icon-box/index.d.ts +2 -1
- package/lib/typescript/composites/wui-icon-box/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts +2 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +1 -0
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/composites/wui-button/index.tsx +3 -0
- package/src/composites/wui-double-image-loader/index.native.tsx +119 -0
- package/src/composites/wui-double-image-loader/index.tsx +5 -50
- package/src/composites/wui-icon-box/index.tsx +4 -1
- package/src/composites/wui-numeric-keyboard/index.tsx +6 -2
- package/src/composites/wui-token-button/index.tsx +4 -1
- package/src/layout/wui-flex/index.tsx +2 -1
|
@@ -27,6 +27,7 @@ function Button({
|
|
|
27
27
|
iconRight,
|
|
28
28
|
iconStyle,
|
|
29
29
|
loading,
|
|
30
|
+
testID,
|
|
30
31
|
...rest
|
|
31
32
|
}) {
|
|
32
33
|
const Theme = (0, _useTheme.useTheme)();
|
|
@@ -66,7 +67,8 @@ function Button({
|
|
|
66
67
|
}, style],
|
|
67
68
|
onPressIn: onPressIn,
|
|
68
69
|
onPressOut: onPressOut,
|
|
69
|
-
onPress: onPress
|
|
70
|
+
onPress: onPress,
|
|
71
|
+
testID: testID
|
|
70
72
|
}, rest), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
|
|
71
73
|
flexDirection: "row",
|
|
72
74
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIcon","_wuiLoadingSpinner","_useTheme","_styles","_interopRequireWildcard","_wuiFlex","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","rest","Theme","useTheme","themedTextStyle","getThemedTextStyle","colorAnimation","useRef","Value","iconSize","iconColor","getIconColor","themedNormalStyle","getThemedButtonStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","styles","button","FlexView","flexDirection","alignItems","justifyContent","Icon","color","name","LoadingSpinner","Text","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAGA,IAAAM,OAAA,GAAAC,uBAAA,CAAAP,OAAA;AAEA,IAAAQ,QAAA,GAAAR,OAAA;AAAiD,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEjD,MAAMK,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIcon","_wuiLoadingSpinner","_useTheme","_styles","_interopRequireWildcard","_wuiFlex","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","testID","rest","Theme","useTheme","themedTextStyle","getThemedTextStyle","colorAnimation","useRef","Value","iconSize","iconColor","getIconColor","themedNormalStyle","getThemedButtonStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","styles","button","FlexView","flexDirection","alignItems","justifyContent","Icon","color","name","LoadingSpinner","Text","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DoubleImageLoader = DoubleImageLoader;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _react = require("react");
|
|
9
7
|
var _useTheme = require("../../hooks/useTheme");
|
|
10
8
|
var _wuiFlex = require("../../layout/wui-flex");
|
|
11
9
|
var _wuiImage = require("../../components/wui-image");
|
|
@@ -24,45 +22,13 @@ function DoubleImageLoader({
|
|
|
24
22
|
rightItemStyle
|
|
25
23
|
}) {
|
|
26
24
|
const Theme = (0, _useTheme.useTheme)();
|
|
27
|
-
const leftPosition = (0, _reactNative.useAnimatedValue)(10);
|
|
28
|
-
const rightPosition = (0, _reactNative.useAnimatedValue)(-10);
|
|
29
|
-
const animateLeft = () => {
|
|
30
|
-
_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(leftPosition, {
|
|
31
|
-
toValue: -5,
|
|
32
|
-
duration: 1500,
|
|
33
|
-
useNativeDriver: true
|
|
34
|
-
}), _reactNative.Animated.timing(leftPosition, {
|
|
35
|
-
toValue: 10,
|
|
36
|
-
duration: 1500,
|
|
37
|
-
useNativeDriver: true
|
|
38
|
-
})])).start();
|
|
39
|
-
};
|
|
40
|
-
const animateRight = () => {
|
|
41
|
-
_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(rightPosition, {
|
|
42
|
-
toValue: 5,
|
|
43
|
-
duration: 1500,
|
|
44
|
-
useNativeDriver: true
|
|
45
|
-
}), _reactNative.Animated.timing(rightPosition, {
|
|
46
|
-
toValue: -10,
|
|
47
|
-
duration: 1500,
|
|
48
|
-
useNativeDriver: true
|
|
49
|
-
})])).start();
|
|
50
|
-
};
|
|
51
|
-
(0, _react.useEffect)(() => {
|
|
52
|
-
animateLeft();
|
|
53
|
-
animateRight();
|
|
54
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
55
|
-
}, []);
|
|
56
25
|
return /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
|
|
57
26
|
flexDirection: "row",
|
|
58
27
|
alignItems: "center",
|
|
59
28
|
justifyContent: "center",
|
|
60
29
|
style: style
|
|
61
|
-
}, /*#__PURE__*/React.createElement(
|
|
30
|
+
}, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
|
|
62
31
|
style: [_styles.default.itemBorder, _styles.default.leftItemBorder, {
|
|
63
|
-
transform: [{
|
|
64
|
-
translateX: leftPosition
|
|
65
|
-
}],
|
|
66
32
|
backgroundColor: Theme['bg-200']
|
|
67
33
|
}, leftItemStyle]
|
|
68
34
|
}, leftImage ? /*#__PURE__*/React.createElement(_wuiImage.Image, {
|
|
@@ -74,11 +40,8 @@ function DoubleImageLoader({
|
|
|
74
40
|
name: leftPlaceholderIcon,
|
|
75
41
|
size: "lg",
|
|
76
42
|
color: "fg-200"
|
|
77
|
-
})), /*#__PURE__*/React.createElement(
|
|
43
|
+
})), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
|
|
78
44
|
style: [_styles.default.itemBorder, _styles.default.rightItemBorder, {
|
|
79
|
-
transform: [{
|
|
80
|
-
translateX: rightPosition
|
|
81
|
-
}],
|
|
82
45
|
backgroundColor: Theme['bg-200']
|
|
83
46
|
}, rightItemStyle]
|
|
84
47
|
}, rightImage ? /*#__PURE__*/React.createElement(_wuiWalletImage.WalletImage, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_useTheme","require","_wuiFlex","_wuiImage","_wuiIcon","_wuiWalletImage","_styles","_interopRequireDefault","obj","__esModule","default","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","useTheme","React","createElement","FlexView","flexDirection","alignItems","justifyContent","styles","itemBorder","leftItemBorder","backgroundColor","Image","source","Icon","name","size","color","rightItemBorder","WalletImage","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.tsx"],"mappings":";;;;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,SAAAM,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYvB,SAASG,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,sBAAsB;EACtBC,mBAAmB,GAAG,QAAQ;EAC9BC,oBAAoB,GAAG,SAAS;EAChCC,aAAa;EACbC;AACK,CAAC,EAAE;EACR,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAACrB,QAAA,CAAAsB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACf,KAAK,EAAEA;EAAM,gBACrFU,KAAA,CAAAC,aAAA,CAACrB,QAAA,CAAAsB,QAAQ;IACPZ,KAAK,EAAE,CACLgB,eAAM,CAACC,UAAU,EACjBD,eAAM,CAACE,cAAc,EACrB;MACEC,eAAe,EAAEX,KAAK,CAAC,QAAQ;IACjC,CAAC,EACDF,aAAa;EACb,GAEDL,SAAS,gBACRS,KAAA,CAAAC,aAAA,CAACpB,SAAA,CAAA6B,KAAK;IACJC,MAAM,EAAEpB,SAAU;IAClBD,KAAK,EAAE,CAACgB,eAAM,CAACd,UAAU,EAAE;MAAEiB,eAAe,EAAEX,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,CAClE,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACnB,QAAA,CAAA8B,IAAI;IAACC,IAAI,EAAEnB,mBAAoB;IAACoB,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAErD,CAAC,eACXf,KAAA,CAAAC,aAAA,CAACrB,QAAA,CAAAsB,QAAQ;IACPZ,KAAK,EAAE,CACLgB,eAAM,CAACC,UAAU,EACjBD,eAAM,CAACU,eAAe,EACtB;MACEP,eAAe,EAAEX,KAAK,CAAC,QAAQ;IACjC,CAAC,EACDD,cAAc;EACd,GAEDL,UAAU,gBACTQ,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAkC,WAAW;IAACC,QAAQ,EAAE1B,UAAW;IAACsB,IAAI,EAAC,IAAI;IAACK,MAAM,EAAE;EAAM,CAAE,CAAC,GAE9D1B,sBAAsB,GAAG,CAAC,iBACxBO,KAAA,CAAAC,aAAA,CAACnB,QAAA,CAAA8B,IAAI;IAACC,IAAI,EAAElB,oBAAqB;IAACmB,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAGxD,CACF,CAAC;AAEf"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DoubleImageLoader = DoubleImageLoader;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _useTheme = require("../../hooks/useTheme");
|
|
10
|
+
var _wuiFlex = require("../../layout/wui-flex");
|
|
11
|
+
var _wuiImage = require("../../components/wui-image");
|
|
12
|
+
var _wuiIcon = require("../../components/wui-icon");
|
|
13
|
+
var _wuiWalletImage = require("../wui-wallet-image");
|
|
14
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function DoubleImageLoader({
|
|
17
|
+
style,
|
|
18
|
+
leftImage,
|
|
19
|
+
rightImage,
|
|
20
|
+
renderRightPlaceholder,
|
|
21
|
+
leftPlaceholderIcon = 'mobile',
|
|
22
|
+
rightPlaceholderIcon = 'browser',
|
|
23
|
+
leftItemStyle,
|
|
24
|
+
rightItemStyle
|
|
25
|
+
}) {
|
|
26
|
+
const Theme = (0, _useTheme.useTheme)();
|
|
27
|
+
const leftPosition = (0, _reactNative.useAnimatedValue)(10);
|
|
28
|
+
const rightPosition = (0, _reactNative.useAnimatedValue)(-10);
|
|
29
|
+
const animateLeft = () => {
|
|
30
|
+
_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(leftPosition, {
|
|
31
|
+
toValue: -5,
|
|
32
|
+
duration: 1500,
|
|
33
|
+
useNativeDriver: true
|
|
34
|
+
}), _reactNative.Animated.timing(leftPosition, {
|
|
35
|
+
toValue: 10,
|
|
36
|
+
duration: 1500,
|
|
37
|
+
useNativeDriver: true
|
|
38
|
+
})])).start();
|
|
39
|
+
};
|
|
40
|
+
const animateRight = () => {
|
|
41
|
+
_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(rightPosition, {
|
|
42
|
+
toValue: 5,
|
|
43
|
+
duration: 1500,
|
|
44
|
+
useNativeDriver: true
|
|
45
|
+
}), _reactNative.Animated.timing(rightPosition, {
|
|
46
|
+
toValue: -10,
|
|
47
|
+
duration: 1500,
|
|
48
|
+
useNativeDriver: true
|
|
49
|
+
})])).start();
|
|
50
|
+
};
|
|
51
|
+
(0, _react.useEffect)(() => {
|
|
52
|
+
animateLeft();
|
|
53
|
+
animateRight();
|
|
54
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
55
|
+
}, []);
|
|
56
|
+
return /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
|
|
57
|
+
flexDirection: "row",
|
|
58
|
+
alignItems: "center",
|
|
59
|
+
justifyContent: "center",
|
|
60
|
+
style: style
|
|
61
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
62
|
+
style: [_styles.default.itemBorder, _styles.default.leftItemBorder, {
|
|
63
|
+
transform: [{
|
|
64
|
+
translateX: leftPosition
|
|
65
|
+
}],
|
|
66
|
+
backgroundColor: Theme['bg-200']
|
|
67
|
+
}, leftItemStyle]
|
|
68
|
+
}, leftImage ? /*#__PURE__*/React.createElement(_wuiImage.Image, {
|
|
69
|
+
source: leftImage,
|
|
70
|
+
style: [_styles.default.rightImage, {
|
|
71
|
+
backgroundColor: Theme['bg-200']
|
|
72
|
+
}]
|
|
73
|
+
}) : /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
|
|
74
|
+
name: leftPlaceholderIcon,
|
|
75
|
+
size: "lg",
|
|
76
|
+
color: "fg-200"
|
|
77
|
+
})), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
78
|
+
style: [_styles.default.itemBorder, _styles.default.rightItemBorder, {
|
|
79
|
+
transform: [{
|
|
80
|
+
translateX: rightPosition
|
|
81
|
+
}],
|
|
82
|
+
backgroundColor: Theme['bg-200']
|
|
83
|
+
}, rightItemStyle]
|
|
84
|
+
}, rightImage ? /*#__PURE__*/React.createElement(_wuiWalletImage.WalletImage, {
|
|
85
|
+
imageSrc: rightImage,
|
|
86
|
+
size: "lg",
|
|
87
|
+
border: false
|
|
88
|
+
}) : renderRightPlaceholder?.() ?? /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
|
|
89
|
+
name: rightPlaceholderIcon,
|
|
90
|
+
size: "lg",
|
|
91
|
+
color: "fg-200"
|
|
92
|
+
})));
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_useTheme","_wuiFlex","_wuiImage","_wuiIcon","_wuiWalletImage","_styles","_interopRequireDefault","obj","__esModule","default","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","useTheme","leftPosition","useAnimatedValue","rightPosition","animateLeft","Animated","loop","sequence","timing","toValue","duration","useNativeDriver","start","animateRight","useEffect","React","createElement","FlexView","flexDirection","alignItems","justifyContent","View","styles","itemBorder","leftItemBorder","transform","translateX","backgroundColor","Image","source","Icon","name","size","color","rightItemBorder","WalletImage","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.native.tsx"],"mappings":"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"}
|
|
@@ -20,7 +20,8 @@ function IconBox({
|
|
|
20
20
|
border,
|
|
21
21
|
borderColor,
|
|
22
22
|
borderSize = 4,
|
|
23
|
-
style
|
|
23
|
+
style,
|
|
24
|
+
testID
|
|
24
25
|
}) {
|
|
25
26
|
const Theme = (0, _useTheme.useTheme)();
|
|
26
27
|
let _iconSize;
|
|
@@ -77,7 +78,8 @@ function IconBox({
|
|
|
77
78
|
}, border && {
|
|
78
79
|
borderColor: Theme[borderColor || 'bg-125'],
|
|
79
80
|
borderWidth: borderSize / 2
|
|
80
|
-
}, style]
|
|
81
|
+
}, style],
|
|
82
|
+
testID: testID
|
|
81
83
|
}, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
|
|
82
84
|
size: iconSize || _iconSize,
|
|
83
85
|
color: iconColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_wuiIcon","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","obj","__esModule","default","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","Theme","useTheme","_iconSize","boxSize","borderRadius","backgroundStyle","BorderRadius","containerSize","React","createElement","View","styles","box","height","width","borderWidth","Icon","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_wuiIcon","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","obj","__esModule","default","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","testID","Theme","useTheme","_iconSize","boxSize","borderRadius","backgroundStyle","BorderRadius","containerSize","React","createElement","View","styles","box","height","width","borderWidth","Icon","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgBvB,SAASG,OAAOA,CAAC;EACtBC,IAAI;EACJC,SAAS,GAAG,QAAQ;EACpBC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,WAAW;EACXC,UAAU,GAAG,CAAC;EACdC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,IAAIC,SAAmB;EACvB,QAAQb,IAAI;IACV,KAAK,IAAI;MACPa,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF;MACEA,SAAS,GAAG,KAAK;EACrB;EAEA,IAAIC,OAAe;EACnB,QAAQd,IAAI;IACV,KAAK,IAAI;MACPc,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF;MACEA,OAAO,GAAG,EAAE;EAChB;EAEA,IAAIC,YAAuC;EAC3C,QAAQf,IAAI;IACV,KAAK,IAAI;MACPe,YAAY,GAAG,GAAG;MAClB;IACF,KAAK,IAAI;MACPA,YAAY,GAAG,KAAK;MACpB;IACF;MACEA,YAAY,GAAG,KAAK;EACxB;EAEA,MAAMC,eAAe,GAAG;IACtBX,eAAe,EACbD,UAAU,IAAIC,eAAe,GACzBM,KAAK,CAACN,eAAe,CAAC,GACtBD,UAAU,GACT,GAAEO,KAAK,CAACV,SAAS,CAAe,IAAG,GACpC,aAAa;IACnBc,YAAY,EAAEE,uBAAY,CAACF,YAAY;EACzC,CAAC;EAED,MAAMG,aAAa,GAAGJ,OAAO,IAAIR,MAAM,GAAGE,UAAU,GAAG,CAAC,CAAC;EAEzD,oBACEW,KAAA,CAAAC,aAAA,CAAC/B,YAAA,CAAAgC,IAAI;IACHZ,KAAK,EAAE,CACLa,eAAM,CAACC,GAAG,EACVP,eAAe,EACf;MAAEQ,MAAM,EAAEN,aAAa;MAAEO,KAAK,EAAEP;IAAc,CAAC,EAC/CZ,MAAM,IAAI;MAAEC,WAAW,EAAEI,KAAK,CAACJ,WAAW,IAAI,QAAQ,CAAC;MAAEmB,WAAW,EAAElB,UAAU,GAAG;IAAE,CAAC,EACtFC,KAAK,CACL;IACFC,MAAM,EAAEA;EAAO,gBAEfS,KAAA,CAAAC,aAAA,CAAC7B,QAAA,CAAAoC,IAAI;IAAC3B,IAAI,EAAEG,QAAQ,IAAIU,SAAU;IAACe,KAAK,EAAE3B,SAAU;IAAC4B,IAAI,EAAE3B;EAAK,CAAE,CAC9D,CAAC;AAEX"}
|
|
@@ -26,10 +26,12 @@ function NumericKeyboard({
|
|
|
26
26
|
style: styles.key,
|
|
27
27
|
onPress: () => handlePress(key)
|
|
28
28
|
}, key === 'erase' ? /*#__PURE__*/React.createElement(_wuiText.Text, {
|
|
29
|
+
testID: "key-erase",
|
|
29
30
|
style: [styles.keyText, {
|
|
30
31
|
color: Theme['fg-100']
|
|
31
32
|
}]
|
|
32
33
|
}, "\u2190") : /*#__PURE__*/React.createElement(_wuiText.Text, {
|
|
34
|
+
testID: `key-${key}`,
|
|
33
35
|
style: [styles.keyText, {
|
|
34
36
|
color: Theme['fg-100']
|
|
35
37
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_wuiText","_wuiFlex","_useTheme","NumericKeyboard","onKeyPress","Theme","useTheme","keys","handlePress","key","React","createElement","FlexView","map","row","rowIndex","flexDirection","justifyContent","style","styles","TouchableOpacity","onPress","Text","keyText","color","StyleSheet","create","marginBottom","width","height","alignItems","fontSize"],"sourceRoot":"../../../../src","sources":["composites/wui-numeric-keyboard/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAMO,SAASI,eAAeA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EACpE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,IAAI,GAAG,CACX,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CACpB;EAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;IACnCL,UAAU,CAACK,GAAG,CAAC;EACjB,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACV,QAAA,CAAAW,QAAQ,QACNL,IAAI,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBL,KAAA,CAAAC,aAAA,CAACV,QAAA,CAAAW,QAAQ;IACPH,GAAG,EAAG,OAAMM,QAAS,EAAE;IACvBC,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,cAAc;IAC7BC,KAAK,EAAEC,MAAM,CAACL;EAAI,GAEjBA,GAAG,CAACD,GAAG,CAACJ,GAAG,iBACVC,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAsB,gBAAgB;IAACX,GAAG,EAAEA,GAAI;IAACS,KAAK,EAAEC,MAAM,CAACV,GAAI;IAACY,OAAO,EAAEA,CAAA,KAAMb,WAAW,CAACC,GAAG;EAAE,GAC5EA,GAAG,KAAK,OAAO,gBACdC,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAsB,IAAI;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_wuiText","_wuiFlex","_useTheme","NumericKeyboard","onKeyPress","Theme","useTheme","keys","handlePress","key","React","createElement","FlexView","map","row","rowIndex","flexDirection","justifyContent","style","styles","TouchableOpacity","onPress","Text","testID","keyText","color","StyleSheet","create","marginBottom","width","height","alignItems","fontSize"],"sourceRoot":"../../../../src","sources":["composites/wui-numeric-keyboard/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAMO,SAASI,eAAeA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EACpE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,IAAI,GAAG,CACX,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CACpB;EAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;IACnCL,UAAU,CAACK,GAAG,CAAC;EACjB,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACV,QAAA,CAAAW,QAAQ,QACNL,IAAI,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBL,KAAA,CAAAC,aAAA,CAACV,QAAA,CAAAW,QAAQ;IACPH,GAAG,EAAG,OAAMM,QAAS,EAAE;IACvBC,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,cAAc;IAC7BC,KAAK,EAAEC,MAAM,CAACL;EAAI,GAEjBA,GAAG,CAACD,GAAG,CAACJ,GAAG,iBACVC,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAsB,gBAAgB;IAACX,GAAG,EAAEA,GAAI;IAACS,KAAK,EAAEC,MAAM,CAACV,GAAI;IAACY,OAAO,EAAEA,CAAA,KAAMb,WAAW,CAACC,GAAG;EAAE,GAC5EA,GAAG,KAAK,OAAO,gBACdC,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAsB,IAAI;IAACC,MAAM,EAAC,WAAW;IAACL,KAAK,EAAE,CAACC,MAAM,CAACK,OAAO,EAAE;MAAEC,KAAK,EAAEpB,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,GAAC,QAExE,CAAC,gBAEPK,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAsB,IAAI;IAACC,MAAM,EAAG,OAAMd,GAAI,EAAE;IAACS,KAAK,EAAE,CAACC,MAAM,CAACK,OAAO,EAAE;MAAEC,KAAK,EAAEpB,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,GAC7EI,GACG,CAEQ,CACnB,CACO,CACX,CACO,CAAC;AAEf;AAEA,MAAMU,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,GAAG,EAAE;IACHc,YAAY,EAAE;EAChB,CAAC;EACDnB,GAAG,EAAE;IACHoB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVb,cAAc,EAAE,QAAQ;IACxBc,UAAU,EAAE;EACd,CAAC;EACDP,OAAO,EAAE;IACPQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -22,7 +22,8 @@ function TokenButton({
|
|
|
22
22
|
disabled = false,
|
|
23
23
|
placeholder = 'Select token',
|
|
24
24
|
chevron,
|
|
25
|
-
renderClip
|
|
25
|
+
renderClip,
|
|
26
|
+
testID
|
|
26
27
|
}) {
|
|
27
28
|
const Theme = (0, _ThemeContext.useTheme)();
|
|
28
29
|
if (!text) {
|
|
@@ -56,7 +57,8 @@ function TokenButton({
|
|
|
56
57
|
style: [_styles.default.container, style],
|
|
57
58
|
size: "sm",
|
|
58
59
|
onPress: onPress,
|
|
59
|
-
disabled: disabled
|
|
60
|
+
disabled: disabled,
|
|
61
|
+
testID: testID
|
|
60
62
|
}, inverse ? content.reverse() : content, chevron && /*#__PURE__*/_react.default.createElement(_wuiIcon.Icon, {
|
|
61
63
|
name: "chevronBottom",
|
|
62
64
|
size: "xxs",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_wuiImage","require","_wuiText","_wuiButton","_wuiIcon","_styles","_interopRequireDefault","_ThemeContext","_reactNative","_react","obj","__esModule","default","TokenButton","imageUrl","text","inverse","onPress","style","disabled","placeholder","chevron","renderClip","Theme","useTheme","createElement","Button","variant","styles","selectButton","size","Text","color","content","View","key","imageContainer","imageInverse","Image","source","image","backgroundColor","clipContainer","container","reverse","Icon","name"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/index.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAH,sBAAA,CAAAL,OAAA;AAA0B,SAAAK,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;
|
|
1
|
+
{"version":3,"names":["_wuiImage","require","_wuiText","_wuiButton","_wuiIcon","_styles","_interopRequireDefault","_ThemeContext","_reactNative","_react","obj","__esModule","default","TokenButton","imageUrl","text","inverse","onPress","style","disabled","placeholder","chevron","renderClip","testID","Theme","useTheme","createElement","Button","variant","styles","selectButton","size","Text","color","content","View","key","imageContainer","imageInverse","Image","source","image","backgroundColor","clipContainer","container","reverse","Icon","name"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/index.tsx"],"mappings":"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"}
|
|
@@ -26,7 +26,8 @@ function FlexView(props) {
|
|
|
26
26
|
};
|
|
27
27
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
28
28
|
onLayout: props.onLayout,
|
|
29
|
-
style: [styles, props.style]
|
|
29
|
+
style: [styles, props.style],
|
|
30
|
+
testID: props.testID
|
|
30
31
|
}, props.children);
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_UiUtil","FlexView","props","styles","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","alignSelf","justifyContent","paddingTop","padding","UiUtil","getSpacingStyles","paddingRight","paddingBottom","paddingLeft","marginTop","margin","marginRight","marginBottom","marginLeft","React","createElement","View","onLayout","style","children"],"sourceRoot":"../../../../src","sources":["layout/wui-flex/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAWA,IAAAC,OAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_UiUtil","FlexView","props","styles","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","alignSelf","justifyContent","paddingTop","padding","UiUtil","getSpacingStyles","paddingRight","paddingBottom","paddingLeft","marginTop","margin","marginRight","marginBottom","marginLeft","React","createElement","View","onLayout","style","testID","children"],"sourceRoot":"../../../../src","sources":["layout/wui-flex/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAWA,IAAAC,OAAA,GAAAD,OAAA;AAkBO,SAASE,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,MAAiB,GAAG;IACxBC,aAAa,EAAEF,KAAK,CAACE,aAAa;IAClCC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;IACxBC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ;IACxBC,UAAU,EAAEL,KAAK,CAACK,UAAU;IAC5BC,UAAU,EAAEN,KAAK,CAACM,UAAU;IAC5BC,SAAS,EAAEP,KAAK,CAACO,SAAS;IAC1BC,cAAc,EAAER,KAAK,CAACQ,cAAc;IACpCC,UAAU,EAAET,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACtEG,YAAY,EAAEb,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACxEI,aAAa,EAAEd,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACzEK,WAAW,EAAEf,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACvEM,SAAS,EAAEhB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACnEC,WAAW,EAAElB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACrEE,YAAY,EAAEnB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACtEG,UAAU,EAAEpB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC;EACrE,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;IAACC,QAAQ,EAAExB,KAAK,CAACwB,QAAS;IAACC,KAAK,EAAE,CAACxB,MAAM,EAAED,KAAK,CAACyB,KAAK,CAAE;IAACC,MAAM,EAAE1B,KAAK,CAAC0B;EAAO,GAChF1B,KAAK,CAAC2B,QACH,CAAC;AAEX"}
|
|
@@ -19,6 +19,7 @@ export function Button({
|
|
|
19
19
|
iconRight,
|
|
20
20
|
iconStyle,
|
|
21
21
|
loading,
|
|
22
|
+
testID,
|
|
22
23
|
...rest
|
|
23
24
|
}) {
|
|
24
25
|
const Theme = useTheme();
|
|
@@ -58,7 +59,8 @@ export function Button({
|
|
|
58
59
|
}, style],
|
|
59
60
|
onPressIn: onPressIn,
|
|
60
61
|
onPressOut: onPressOut,
|
|
61
|
-
onPress: onPress
|
|
62
|
+
onPress: onPress,
|
|
63
|
+
testID: testID
|
|
62
64
|
}, rest), /*#__PURE__*/React.createElement(FlexView, {
|
|
63
65
|
flexDirection: "row",
|
|
64
66
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","Animated","Pressable","Text","Icon","LoadingSpinner","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","getIconColor","FlexView","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","_extends","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":";AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SACEC,QAAQ,EACRC,SAAS,QAIJ,cAAc;AACrB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,QAAQ,sCAAsC;AACrE,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,OAAOC,MAAM,IAAIC,oBAAoB,EAAEC,kBAAkB,EAAEC,YAAY,QAAQ,UAAU;AAEzF,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,MAAMC,iBAAiB,GAAGX,QAAQ,CAACY,uBAAuB,CAACX,SAAS,CAAC;
|
|
1
|
+
{"version":3,"names":["useRef","Animated","Pressable","Text","Icon","LoadingSpinner","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","getIconColor","FlexView","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","testID","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","_extends","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { Animated, useAnimatedValue } from 'react-native';
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
1
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
2
|
import { FlexView } from '../../layout/wui-flex';
|
|
5
3
|
import { Image } from '../../components/wui-image';
|
|
@@ -17,45 +15,13 @@ export function DoubleImageLoader({
|
|
|
17
15
|
rightItemStyle
|
|
18
16
|
}) {
|
|
19
17
|
const Theme = useTheme();
|
|
20
|
-
const leftPosition = useAnimatedValue(10);
|
|
21
|
-
const rightPosition = useAnimatedValue(-10);
|
|
22
|
-
const animateLeft = () => {
|
|
23
|
-
Animated.loop(Animated.sequence([Animated.timing(leftPosition, {
|
|
24
|
-
toValue: -5,
|
|
25
|
-
duration: 1500,
|
|
26
|
-
useNativeDriver: true
|
|
27
|
-
}), Animated.timing(leftPosition, {
|
|
28
|
-
toValue: 10,
|
|
29
|
-
duration: 1500,
|
|
30
|
-
useNativeDriver: true
|
|
31
|
-
})])).start();
|
|
32
|
-
};
|
|
33
|
-
const animateRight = () => {
|
|
34
|
-
Animated.loop(Animated.sequence([Animated.timing(rightPosition, {
|
|
35
|
-
toValue: 5,
|
|
36
|
-
duration: 1500,
|
|
37
|
-
useNativeDriver: true
|
|
38
|
-
}), Animated.timing(rightPosition, {
|
|
39
|
-
toValue: -10,
|
|
40
|
-
duration: 1500,
|
|
41
|
-
useNativeDriver: true
|
|
42
|
-
})])).start();
|
|
43
|
-
};
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
animateLeft();
|
|
46
|
-
animateRight();
|
|
47
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
-
}, []);
|
|
49
18
|
return /*#__PURE__*/React.createElement(FlexView, {
|
|
50
19
|
flexDirection: "row",
|
|
51
20
|
alignItems: "center",
|
|
52
21
|
justifyContent: "center",
|
|
53
22
|
style: style
|
|
54
|
-
}, /*#__PURE__*/React.createElement(
|
|
23
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
55
24
|
style: [styles.itemBorder, styles.leftItemBorder, {
|
|
56
|
-
transform: [{
|
|
57
|
-
translateX: leftPosition
|
|
58
|
-
}],
|
|
59
25
|
backgroundColor: Theme['bg-200']
|
|
60
26
|
}, leftItemStyle]
|
|
61
27
|
}, leftImage ? /*#__PURE__*/React.createElement(Image, {
|
|
@@ -67,11 +33,8 @@ export function DoubleImageLoader({
|
|
|
67
33
|
name: leftPlaceholderIcon,
|
|
68
34
|
size: "lg",
|
|
69
35
|
color: "fg-200"
|
|
70
|
-
})), /*#__PURE__*/React.createElement(
|
|
36
|
+
})), /*#__PURE__*/React.createElement(FlexView, {
|
|
71
37
|
style: [styles.itemBorder, styles.rightItemBorder, {
|
|
72
|
-
transform: [{
|
|
73
|
-
translateX: rightPosition
|
|
74
|
-
}],
|
|
75
38
|
backgroundColor: Theme['bg-200']
|
|
76
39
|
}, rightItemStyle]
|
|
77
40
|
}, rightImage ? /*#__PURE__*/React.createElement(WalletImage, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useTheme","FlexView","Image","Icon","WalletImage","styles","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","React","createElement","flexDirection","alignItems","justifyContent","itemBorder","leftItemBorder","backgroundColor","source","name","size","color","rightItemBorder","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.tsx"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAY7B,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,sBAAsB;EACtBC,mBAAmB,GAAG,QAAQ;EAC9BC,oBAAoB,GAAG,SAAS;EAChCC,aAAa;EACbC;AACK,CAAC,EAAE;EACR,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,oBACEgB,KAAA,CAAAC,aAAA,CAAChB,QAAQ;IAACiB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACb,KAAK,EAAEA;EAAM,gBACrFS,KAAA,CAAAC,aAAA,CAAChB,QAAQ;IACPM,KAAK,EAAE,CACLF,MAAM,CAACgB,UAAU,EACjBhB,MAAM,CAACiB,cAAc,EACrB;MACEC,eAAe,EAAER,KAAK,CAAC,QAAQ;IACjC,CAAC,EACDF,aAAa;EACb,GAEDL,SAAS,gBACRQ,KAAA,CAAAC,aAAA,CAACf,KAAK;IACJsB,MAAM,EAAEhB,SAAU;IAClBD,KAAK,EAAE,CAACF,MAAM,CAACI,UAAU,EAAE;MAAEc,eAAe,EAAER,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,CAClE,CAAC,gBAEFC,KAAA,CAAAC,aAAA,CAACd,IAAI;IAACsB,IAAI,EAAEd,mBAAoB;IAACe,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAErD,CAAC,eACXX,KAAA,CAAAC,aAAA,CAAChB,QAAQ;IACPM,KAAK,EAAE,CACLF,MAAM,CAACgB,UAAU,EACjBhB,MAAM,CAACuB,eAAe,EACtB;MACEL,eAAe,EAAER,KAAK,CAAC,QAAQ;IACjC,CAAC,EACDD,cAAc;EACd,GAEDL,UAAU,gBACTO,KAAA,CAAAC,aAAA,CAACb,WAAW;IAACyB,QAAQ,EAAEpB,UAAW;IAACiB,IAAI,EAAC,IAAI;IAACI,MAAM,EAAE;EAAM,CAAE,CAAC,GAE9DpB,sBAAsB,GAAG,CAAC,iBACxBM,KAAA,CAAAC,aAAA,CAACd,IAAI;IAACsB,IAAI,EAAEb,oBAAqB;IAACc,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAGxD,CACF,CAAC;AAEf"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { Animated, useAnimatedValue } from 'react-native';
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
5
|
+
import { Image } from '../../components/wui-image';
|
|
6
|
+
import { Icon } from '../../components/wui-icon';
|
|
7
|
+
import { WalletImage } from '../wui-wallet-image';
|
|
8
|
+
import styles from './styles';
|
|
9
|
+
export function DoubleImageLoader({
|
|
10
|
+
style,
|
|
11
|
+
leftImage,
|
|
12
|
+
rightImage,
|
|
13
|
+
renderRightPlaceholder,
|
|
14
|
+
leftPlaceholderIcon = 'mobile',
|
|
15
|
+
rightPlaceholderIcon = 'browser',
|
|
16
|
+
leftItemStyle,
|
|
17
|
+
rightItemStyle
|
|
18
|
+
}) {
|
|
19
|
+
const Theme = useTheme();
|
|
20
|
+
const leftPosition = useAnimatedValue(10);
|
|
21
|
+
const rightPosition = useAnimatedValue(-10);
|
|
22
|
+
const animateLeft = () => {
|
|
23
|
+
Animated.loop(Animated.sequence([Animated.timing(leftPosition, {
|
|
24
|
+
toValue: -5,
|
|
25
|
+
duration: 1500,
|
|
26
|
+
useNativeDriver: true
|
|
27
|
+
}), Animated.timing(leftPosition, {
|
|
28
|
+
toValue: 10,
|
|
29
|
+
duration: 1500,
|
|
30
|
+
useNativeDriver: true
|
|
31
|
+
})])).start();
|
|
32
|
+
};
|
|
33
|
+
const animateRight = () => {
|
|
34
|
+
Animated.loop(Animated.sequence([Animated.timing(rightPosition, {
|
|
35
|
+
toValue: 5,
|
|
36
|
+
duration: 1500,
|
|
37
|
+
useNativeDriver: true
|
|
38
|
+
}), Animated.timing(rightPosition, {
|
|
39
|
+
toValue: -10,
|
|
40
|
+
duration: 1500,
|
|
41
|
+
useNativeDriver: true
|
|
42
|
+
})])).start();
|
|
43
|
+
};
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
animateLeft();
|
|
46
|
+
animateRight();
|
|
47
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
+
}, []);
|
|
49
|
+
return /*#__PURE__*/React.createElement(FlexView, {
|
|
50
|
+
flexDirection: "row",
|
|
51
|
+
alignItems: "center",
|
|
52
|
+
justifyContent: "center",
|
|
53
|
+
style: style
|
|
54
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
55
|
+
style: [styles.itemBorder, styles.leftItemBorder, {
|
|
56
|
+
transform: [{
|
|
57
|
+
translateX: leftPosition
|
|
58
|
+
}],
|
|
59
|
+
backgroundColor: Theme['bg-200']
|
|
60
|
+
}, leftItemStyle]
|
|
61
|
+
}, leftImage ? /*#__PURE__*/React.createElement(Image, {
|
|
62
|
+
source: leftImage,
|
|
63
|
+
style: [styles.rightImage, {
|
|
64
|
+
backgroundColor: Theme['bg-200']
|
|
65
|
+
}]
|
|
66
|
+
}) : /*#__PURE__*/React.createElement(Icon, {
|
|
67
|
+
name: leftPlaceholderIcon,
|
|
68
|
+
size: "lg",
|
|
69
|
+
color: "fg-200"
|
|
70
|
+
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
71
|
+
style: [styles.itemBorder, styles.rightItemBorder, {
|
|
72
|
+
transform: [{
|
|
73
|
+
translateX: rightPosition
|
|
74
|
+
}],
|
|
75
|
+
backgroundColor: Theme['bg-200']
|
|
76
|
+
}, rightItemStyle]
|
|
77
|
+
}, rightImage ? /*#__PURE__*/React.createElement(WalletImage, {
|
|
78
|
+
imageSrc: rightImage,
|
|
79
|
+
size: "lg",
|
|
80
|
+
border: false
|
|
81
|
+
}) : renderRightPlaceholder?.() ?? /*#__PURE__*/React.createElement(Icon, {
|
|
82
|
+
name: rightPlaceholderIcon,
|
|
83
|
+
size: "lg",
|
|
84
|
+
color: "fg-200"
|
|
85
|
+
})));
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Animated","useAnimatedValue","useEffect","useTheme","FlexView","Image","Icon","WalletImage","styles","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","leftPosition","rightPosition","animateLeft","loop","sequence","timing","toValue","duration","useNativeDriver","start","animateRight","React","createElement","flexDirection","alignItems","justifyContent","View","itemBorder","leftItemBorder","transform","translateX","backgroundColor","source","name","size","color","rightItemBorder","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.native.tsx"],"mappings":"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"}
|
|
@@ -13,7 +13,8 @@ export function IconBox({
|
|
|
13
13
|
border,
|
|
14
14
|
borderColor,
|
|
15
15
|
borderSize = 4,
|
|
16
|
-
style
|
|
16
|
+
style,
|
|
17
|
+
testID
|
|
17
18
|
}) {
|
|
18
19
|
const Theme = useTheme();
|
|
19
20
|
let _iconSize;
|
|
@@ -70,7 +71,8 @@ export function IconBox({
|
|
|
70
71
|
}, border && {
|
|
71
72
|
borderColor: Theme[borderColor || 'bg-125'],
|
|
72
73
|
borderWidth: borderSize / 2
|
|
73
|
-
}, style]
|
|
74
|
+
}, style],
|
|
75
|
+
testID: testID
|
|
74
76
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
75
77
|
size: iconSize || _iconSize,
|
|
76
78
|
color: iconColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Icon","useTheme","BorderRadius","styles","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","Theme","_iconSize","boxSize","borderRadius","backgroundStyle","containerSize","React","createElement","box","height","width","borderWidth","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAwB,cAAc;AACnE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,OAAOC,MAAM,MAAM,UAAU;
|
|
1
|
+
{"version":3,"names":["View","Icon","useTheme","BorderRadius","styles","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","testID","Theme","_iconSize","boxSize","borderRadius","backgroundStyle","containerSize","React","createElement","box","height","width","borderWidth","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAwB,cAAc;AACnE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,OAAOC,MAAM,MAAM,UAAU;AAgB7B,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI;EACJC,SAAS,GAAG,QAAQ;EACpBC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,WAAW;EACXC,UAAU,GAAG,CAAC;EACdC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,IAAIgB,SAAmB;EACvB,QAAQZ,IAAI;IACV,KAAK,IAAI;MACPY,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF;MACEA,SAAS,GAAG,KAAK;EACrB;EAEA,IAAIC,OAAe;EACnB,QAAQb,IAAI;IACV,KAAK,IAAI;MACPa,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF;MACEA,OAAO,GAAG,EAAE;EAChB;EAEA,IAAIC,YAAuC;EAC3C,QAAQd,IAAI;IACV,KAAK,IAAI;MACPc,YAAY,GAAG,GAAG;MAClB;IACF,KAAK,IAAI;MACPA,YAAY,GAAG,KAAK;MACpB;IACF;MACEA,YAAY,GAAG,KAAK;EACxB;EAEA,MAAMC,eAAe,GAAG;IACtBV,eAAe,EACbD,UAAU,IAAIC,eAAe,GACzBM,KAAK,CAACN,eAAe,CAAC,GACtBD,UAAU,GACT,GAAEO,KAAK,CAACV,SAAS,CAAe,IAAG,GACpC,aAAa;IACnBa,YAAY,EAAEjB,YAAY,CAACiB,YAAY;EACzC,CAAC;EAED,MAAME,aAAa,GAAGH,OAAO,IAAIP,MAAM,GAAGE,UAAU,GAAG,CAAC,CAAC;EAEzD,oBACES,KAAA,CAAAC,aAAA,CAACxB,IAAI;IACHe,KAAK,EAAE,CACLX,MAAM,CAACqB,GAAG,EACVJ,eAAe,EACf;MAAEK,MAAM,EAAEJ,aAAa;MAAEK,KAAK,EAAEL;IAAc,CAAC,EAC/CV,MAAM,IAAI;MAAEC,WAAW,EAAEI,KAAK,CAACJ,WAAW,IAAI,QAAQ,CAAC;MAAEe,WAAW,EAAEd,UAAU,GAAG;IAAE,CAAC,EACtFC,KAAK,CACL;IACFC,MAAM,EAAEA;EAAO,gBAEfO,KAAA,CAAAC,aAAA,CAACvB,IAAI;IAACK,IAAI,EAAEG,QAAQ,IAAIS,SAAU;IAACW,KAAK,EAAEtB,SAAU;IAACuB,IAAI,EAAEtB;EAAK,CAAE,CAC9D,CAAC;AAEX"}
|
|
@@ -20,10 +20,12 @@ export function NumericKeyboard({
|
|
|
20
20
|
style: styles.key,
|
|
21
21
|
onPress: () => handlePress(key)
|
|
22
22
|
}, key === 'erase' ? /*#__PURE__*/React.createElement(Text, {
|
|
23
|
+
testID: "key-erase",
|
|
23
24
|
style: [styles.keyText, {
|
|
24
25
|
color: Theme['fg-100']
|
|
25
26
|
}]
|
|
26
27
|
}, "\u2190") : /*#__PURE__*/React.createElement(Text, {
|
|
28
|
+
testID: `key-${key}`,
|
|
27
29
|
style: [styles.keyText, {
|
|
28
30
|
color: Theme['fg-100']
|
|
29
31
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TouchableOpacity","StyleSheet","Text","FlexView","useTheme","NumericKeyboard","onKeyPress","Theme","keys","handlePress","key","React","createElement","map","row","rowIndex","flexDirection","justifyContent","style","styles","onPress","keyText","color","create","marginBottom","width","height","alignItems","fontSize"],"sourceRoot":"../../../../src","sources":["composites/wui-numeric-keyboard/index.tsx"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAM/C,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EACpE,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,IAAI,GAAG,CACX,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CACpB;EAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;IACnCJ,UAAU,CAACI,GAAG,CAAC;EACjB,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACT,QAAQ,QACNK,IAAI,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBJ,KAAA,CAAAC,aAAA,CAACT,QAAQ;IACPO,GAAG,EAAG,OAAMK,QAAS,EAAE;IACvBC,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,cAAc;IAC7BC,KAAK,EAAEC,MAAM,CAACL;EAAI,GAEjBA,GAAG,CAACD,GAAG,CAACH,GAAG,iBACVC,KAAA,CAAAC,aAAA,CAACZ,gBAAgB;IAACU,GAAG,EAAEA,GAAI;IAACQ,KAAK,EAAEC,MAAM,CAACT,GAAI;IAACU,OAAO,EAAEA,CAAA,KAAMX,WAAW,CAACC,GAAG;EAAE,GAC5EA,GAAG,KAAK,OAAO,gBACdC,KAAA,CAAAC,aAAA,CAACV,IAAI;
|
|
1
|
+
{"version":3,"names":["TouchableOpacity","StyleSheet","Text","FlexView","useTheme","NumericKeyboard","onKeyPress","Theme","keys","handlePress","key","React","createElement","map","row","rowIndex","flexDirection","justifyContent","style","styles","onPress","testID","keyText","color","create","marginBottom","width","height","alignItems","fontSize"],"sourceRoot":"../../../../src","sources":["composites/wui-numeric-keyboard/index.tsx"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAM/C,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EACpE,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,IAAI,GAAG,CACX,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EACf,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CACpB;EAED,MAAMC,WAAW,GAAIC,GAAW,IAAK;IACnCJ,UAAU,CAACI,GAAG,CAAC;EACjB,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACT,QAAQ,QACNK,IAAI,CAACK,GAAG,CAAC,CAACC,GAAG,EAAEC,QAAQ,kBACtBJ,KAAA,CAAAC,aAAA,CAACT,QAAQ;IACPO,GAAG,EAAG,OAAMK,QAAS,EAAE;IACvBC,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,cAAc;IAC7BC,KAAK,EAAEC,MAAM,CAACL;EAAI,GAEjBA,GAAG,CAACD,GAAG,CAACH,GAAG,iBACVC,KAAA,CAAAC,aAAA,CAACZ,gBAAgB;IAACU,GAAG,EAAEA,GAAI;IAACQ,KAAK,EAAEC,MAAM,CAACT,GAAI;IAACU,OAAO,EAAEA,CAAA,KAAMX,WAAW,CAACC,GAAG;EAAE,GAC5EA,GAAG,KAAK,OAAO,gBACdC,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACmB,MAAM,EAAC,WAAW;IAACH,KAAK,EAAE,CAACC,MAAM,CAACG,OAAO,EAAE;MAAEC,KAAK,EAAEhB,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,GAAC,QAExE,CAAC,gBAEPI,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACmB,MAAM,EAAG,OAAMX,GAAI,EAAE;IAACQ,KAAK,EAAE,CAACC,MAAM,CAACG,OAAO,EAAE;MAAEC,KAAK,EAAEhB,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,GAC7EG,GACG,CAEQ,CACnB,CACO,CACX,CACO,CAAC;AAEf;AAEA,MAAMS,MAAM,GAAGlB,UAAU,CAACuB,MAAM,CAAC;EAC/BV,GAAG,EAAE;IACHW,YAAY,EAAE;EAChB,CAAC;EACDf,GAAG,EAAE;IACHgB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVV,cAAc,EAAE,QAAQ;IACxBW,UAAU,EAAE;EACd,CAAC;EACDN,OAAO,EAAE;IACPO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -15,7 +15,8 @@ export function TokenButton({
|
|
|
15
15
|
disabled = false,
|
|
16
16
|
placeholder = 'Select token',
|
|
17
17
|
chevron,
|
|
18
|
-
renderClip
|
|
18
|
+
renderClip,
|
|
19
|
+
testID
|
|
19
20
|
}) {
|
|
20
21
|
const Theme = useTheme();
|
|
21
22
|
if (!text) {
|
|
@@ -49,7 +50,8 @@ export function TokenButton({
|
|
|
49
50
|
style: [styles.container, style],
|
|
50
51
|
size: "sm",
|
|
51
52
|
onPress: onPress,
|
|
52
|
-
disabled: disabled
|
|
53
|
+
disabled: disabled,
|
|
54
|
+
testID: testID
|
|
53
55
|
}, inverse ? content.reverse() : content, chevron && /*#__PURE__*/React.createElement(Icon, {
|
|
54
56
|
name: "chevronBottom",
|
|
55
57
|
size: "xxs",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","Text","Button","Icon","styles","useTheme","View","React","TokenButton","imageUrl","text","inverse","onPress","style","disabled","placeholder","chevron","renderClip","Theme","createElement","variant","selectButton","size","color","content","key","imageContainer","imageInverse","source","image","backgroundColor","clipContainer","container","reverse","name"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/index.tsx"],"mappings":"AACA,SAASA,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"names":["Image","Text","Button","Icon","styles","useTheme","View","React","TokenButton","imageUrl","text","inverse","onPress","style","disabled","placeholder","chevron","renderClip","testID","Theme","createElement","variant","selectButton","size","color","content","key","imageContainer","imageInverse","source","image","backgroundColor","clipContainer","container","reverse","name"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/index.tsx"],"mappings":"AACA,SAASA,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,KAAK,MAAM,OAAO;AAezB,OAAO,SAASC,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAG,cAAc;EAC5BC,OAAO;EACPC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EAExB,IAAI,CAACK,IAAI,EAAE;IACT,oBACEH,KAAA,CAAAa,aAAA,CAAClB,MAAM;MACLmB,OAAO,EAAC,QAAQ;MAChBR,KAAK,EAAE,CAACT,MAAM,CAACkB,YAAY,EAAET,KAAK,CAAE;MACpCU,IAAI,EAAC,IAAI;MACTX,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA;IAAS,gBAEnBP,KAAA,CAAAa,aAAA,CAACnB,IAAI;MAACoB,OAAO,EAAC,WAAW;MAACG,KAAK,EAAC;IAAY,GACzCT,WACG,CACA,CAAC;EAEb;EAEA,MAAMU,OAAO,GAAG,CACdhB,QAAQ,iBACNF,KAAA,CAAAa,aAAA,CAACd,IAAI;IAACoB,GAAG,EAAC,iBAAiB;IAACb,KAAK,EAAE,CAACT,MAAM,CAACuB,cAAc,EAAEhB,OAAO,IAAIP,MAAM,CAACwB,YAAY;EAAE,gBACzFrB,KAAA,CAAAa,aAAA,CAACpB,KAAK;IACJ0B,GAAG,EAAC,OAAO;IACXG,MAAM,EAAEpB,QAAS;IACjBI,KAAK,EAAE,CAACT,MAAM,CAAC0B,KAAK,EAAE;MAAEC,eAAe,EAAEZ,KAAK,CAAC,QAAQ;IAAE,CAAC;EAAE,CAC7D,CAAC,EACDF,UAAU,iBAAIV,KAAA,CAAAa,aAAA,CAACd,IAAI;IAACO,KAAK,EAAET,MAAM,CAAC4B;EAAc,GAAEf,UAAiB,CAChE,CACP,eACDV,KAAA,CAAAa,aAAA,CAACnB,IAAI;IAACyB,GAAG,EAAC;EAAM,GAAEhB,IAAW,CAAC,CAC/B;EAED,oBACEH,KAAA,CAAAa,aAAA,CAAClB,MAAM;IACLmB,OAAO,EAAC,OAAO;IACfR,KAAK,EAAE,CAACT,MAAM,CAAC6B,SAAS,EAAEpB,KAAK,CAAE;IACjCU,IAAI,EAAC,IAAI;IACTX,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBI,MAAM,EAAEA;EAAO,GAEdP,OAAO,GAAGc,OAAO,CAACS,OAAO,CAAC,CAAC,GAAGT,OAAO,EACrCT,OAAO,iBAAIT,KAAA,CAAAa,aAAA,CAACjB,IAAI;IAACgC,IAAI,EAAC,eAAe;IAACZ,IAAI,EAAC,KAAK;IAACC,KAAK,EAAC,QAAQ;IAACX,KAAK,EAAET,MAAM,CAACY;EAAQ,CAAE,CACnF,CAAC;AAEb"}
|
|
@@ -20,7 +20,8 @@ export function FlexView(props) {
|
|
|
20
20
|
};
|
|
21
21
|
return /*#__PURE__*/React.createElement(View, {
|
|
22
22
|
onLayout: props.onLayout,
|
|
23
|
-
style: [styles, props.style]
|
|
23
|
+
style: [styles, props.style],
|
|
24
|
+
testID: props.testID
|
|
24
25
|
}, props.children);
|
|
25
26
|
}
|
|
26
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","UiUtil","FlexView","props","styles","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","alignSelf","justifyContent","paddingTop","padding","getSpacingStyles","paddingRight","paddingBottom","paddingLeft","marginTop","margin","marginRight","marginBottom","marginLeft","React","createElement","onLayout","style","children"],"sourceRoot":"../../../../src","sources":["layout/wui-flex/index.tsx"],"mappings":"AAAA,SAAiEA,IAAI,QAAQ,cAAc;AAW3F,SAASC,MAAM,QAAQ,oBAAoB;
|
|
1
|
+
{"version":3,"names":["View","UiUtil","FlexView","props","styles","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","alignSelf","justifyContent","paddingTop","padding","getSpacingStyles","paddingRight","paddingBottom","paddingLeft","marginTop","margin","marginRight","marginBottom","marginLeft","React","createElement","onLayout","style","testID","children"],"sourceRoot":"../../../../src","sources":["layout/wui-flex/index.tsx"],"mappings":"AAAA,SAAiEA,IAAI,QAAQ,cAAc;AAW3F,SAASC,MAAM,QAAQ,oBAAoB;AAkB3C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,MAAiB,GAAG;IACxBC,aAAa,EAAEF,KAAK,CAACE,aAAa;IAClCC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;IACxBC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ;IACxBC,UAAU,EAAEL,KAAK,CAACK,UAAU;IAC5BC,UAAU,EAAEN,KAAK,CAACM,UAAU;IAC5BC,SAAS,EAAEP,KAAK,CAACO,SAAS;IAC1BC,cAAc,EAAER,KAAK,CAACQ,cAAc;IACpCC,UAAU,EAAET,KAAK,CAACU,OAAO,IAAIZ,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACtEE,YAAY,EAAEZ,KAAK,CAACU,OAAO,IAAIZ,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACxEG,aAAa,EAAEb,KAAK,CAACU,OAAO,IAAIZ,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACzEI,WAAW,EAAEd,KAAK,CAACU,OAAO,IAAIZ,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACvEK,SAAS,EAAEf,KAAK,CAACgB,MAAM,IAAIlB,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACgB,MAAM,EAAE,CAAC,CAAC;IACnEC,WAAW,EAAEjB,KAAK,CAACgB,MAAM,IAAIlB,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACgB,MAAM,EAAE,CAAC,CAAC;IACrEE,YAAY,EAAElB,KAAK,CAACgB,MAAM,IAAIlB,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACgB,MAAM,EAAE,CAAC,CAAC;IACtEG,UAAU,EAAEnB,KAAK,CAACgB,MAAM,IAAIlB,MAAM,CAACa,gBAAgB,CAACX,KAAK,CAACgB,MAAM,EAAE,CAAC;EACrE,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACyB,QAAQ,EAAEtB,KAAK,CAACsB,QAAS;IAACC,KAAK,EAAE,CAACtB,MAAM,EAAED,KAAK,CAACuB,KAAK,CAAE;IAACC,MAAM,EAAExB,KAAK,CAACwB;EAAO,GAChFxB,KAAK,CAACyB,QACH,CAAC;AAEX"}
|
|
@@ -12,6 +12,7 @@ export type ButtonProps = NativeProps & {
|
|
|
12
12
|
style?: StyleProp<ViewStyle>;
|
|
13
13
|
iconStyle?: SvgProps['style'];
|
|
14
14
|
loading?: boolean;
|
|
15
|
+
testID?: string;
|
|
15
16
|
};
|
|
16
|
-
export declare function Button({ children, size, variant, disabled, onPress, style, iconLeft, iconRight, iconStyle, loading, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function Button({ children, size, variant, disabled, onPress, style, iconLeft, iconRight, iconStyle, loading, testID, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-button/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,cAAc,IAAI,WAAW,EAClC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-button/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,cAAc,IAAI,WAAW,EAClC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,OAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,EAAE,WAAW,2CA6Eb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-double-image-loader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-double-image-loader/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAClD,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IAC/B,oBAAoB,CAAC,EAAE,QAAQ,CAAC;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,UAAU,EACV,sBAAsB,EACtB,mBAA8B,EAC9B,oBAAgC,EAChC,aAAa,EACb,cAAc,EACf,EAAE,KAAK,2CA4CP"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import { type IconType } from '../../utils/TypesUtil';
|
|
4
|
+
interface Props {
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
leftImage?: string;
|
|
7
|
+
rightImage?: string;
|
|
8
|
+
renderRightPlaceholder?: () => React.ReactElement;
|
|
9
|
+
leftPlaceholderIcon?: IconType;
|
|
10
|
+
rightPlaceholderIcon?: IconType;
|
|
11
|
+
leftItemStyle?: StyleProp<ViewStyle>;
|
|
12
|
+
rightItemStyle?: StyleProp<ViewStyle>;
|
|
13
|
+
}
|
|
14
|
+
export declare function DoubleImageLoader({ style, leftImage, rightImage, renderRightPlaceholder, leftPlaceholderIcon, rightPlaceholderIcon, leftItemStyle, rightItemStyle }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=index.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-double-image-loader/index.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO1F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IAClD,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IAC/B,oBAAoB,CAAC,EAAE,QAAQ,CAAC;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,UAAU,EACV,sBAAsB,EACtB,mBAA8B,EAC9B,oBAAgC,EAChC,aAAa,EACb,cAAc,EACf,EAAE,KAAK,2CAwFP"}
|
|
@@ -11,6 +11,7 @@ export interface IconBoxProps {
|
|
|
11
11
|
borderColor?: ThemeKeys;
|
|
12
12
|
borderSize?: number;
|
|
13
13
|
style?: StyleProp<ViewStyle>;
|
|
14
|
+
testID?: string;
|
|
14
15
|
}
|
|
15
|
-
export declare function IconBox({ size, iconColor, icon, iconSize, background, backgroundColor, border, borderColor, borderSize, style }: IconBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function IconBox({ size, iconColor, icon, iconSize, background, backgroundColor, border, borderColor, borderSize, style, testID }: IconBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-icon-box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-icon-box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,SAAoB,EACpB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,MAAM,EACN,WAAW,EACX,UAAc,EACd,KAAK,EACL,MAAM,EACP,EAAE,YAAY,2CAyEd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-numeric-keyboard/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-numeric-keyboard/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CAuCnE"}
|
|
@@ -10,6 +10,7 @@ export interface TokenButtonProps {
|
|
|
10
10
|
placeholder?: string;
|
|
11
11
|
chevron?: boolean;
|
|
12
12
|
renderClip?: React.ReactNode;
|
|
13
|
+
testID?: string;
|
|
13
14
|
}
|
|
14
|
-
export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled, placeholder, chevron, renderClip }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled, placeholder, chevron, renderClip, testID }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAU,EACV,MAAM,EACP,EAAE,gBAAgB,2CA8ClB"}
|
|
@@ -14,6 +14,7 @@ export interface FlexViewProps {
|
|
|
14
14
|
padding?: SpacingType | SpacingType[];
|
|
15
15
|
margin?: SpacingType | SpacingType[];
|
|
16
16
|
style?: StyleProp<ViewStyle>;
|
|
17
|
+
testID?: string;
|
|
17
18
|
}
|
|
18
19
|
export declare function FlexView(props: FlexViewProps): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwB5C"}
|
package/package.json
CHANGED
|
@@ -28,6 +28,7 @@ export type ButtonProps = NativeProps & {
|
|
|
28
28
|
style?: StyleProp<ViewStyle>;
|
|
29
29
|
iconStyle?: SvgProps['style'];
|
|
30
30
|
loading?: boolean;
|
|
31
|
+
testID?: string;
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export function Button({
|
|
@@ -41,6 +42,7 @@ export function Button({
|
|
|
41
42
|
iconRight,
|
|
42
43
|
iconStyle,
|
|
43
44
|
loading,
|
|
45
|
+
testID,
|
|
44
46
|
...rest
|
|
45
47
|
}: ButtonProps) {
|
|
46
48
|
const Theme = useTheme();
|
|
@@ -84,6 +86,7 @@ export function Button({
|
|
|
84
86
|
onPressIn={onPressIn}
|
|
85
87
|
onPressOut={onPressOut}
|
|
86
88
|
onPress={onPress}
|
|
89
|
+
testID={testID}
|
|
87
90
|
{...rest}
|
|
88
91
|
>
|
|
89
92
|
<FlexView flexDirection="row" alignItems="center" justifyContent="center">
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { Animated, useAnimatedValue, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
5
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
6
|
+
import { Image } from '../../components/wui-image';
|
|
7
|
+
import { Icon } from '../../components/wui-icon';
|
|
8
|
+
import { type IconType } from '../../utils/TypesUtil';
|
|
9
|
+
import { WalletImage } from '../wui-wallet-image';
|
|
10
|
+
import styles from './styles';
|
|
11
|
+
interface Props {
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
leftImage?: string;
|
|
14
|
+
rightImage?: string;
|
|
15
|
+
renderRightPlaceholder?: () => React.ReactElement;
|
|
16
|
+
leftPlaceholderIcon?: IconType;
|
|
17
|
+
rightPlaceholderIcon?: IconType;
|
|
18
|
+
leftItemStyle?: StyleProp<ViewStyle>;
|
|
19
|
+
rightItemStyle?: StyleProp<ViewStyle>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export function DoubleImageLoader({
|
|
23
|
+
style,
|
|
24
|
+
leftImage,
|
|
25
|
+
rightImage,
|
|
26
|
+
renderRightPlaceholder,
|
|
27
|
+
leftPlaceholderIcon = 'mobile',
|
|
28
|
+
rightPlaceholderIcon = 'browser',
|
|
29
|
+
leftItemStyle,
|
|
30
|
+
rightItemStyle
|
|
31
|
+
}: Props) {
|
|
32
|
+
const Theme = useTheme();
|
|
33
|
+
const leftPosition = useAnimatedValue(10);
|
|
34
|
+
const rightPosition = useAnimatedValue(-10);
|
|
35
|
+
|
|
36
|
+
const animateLeft = () => {
|
|
37
|
+
Animated.loop(
|
|
38
|
+
Animated.sequence([
|
|
39
|
+
Animated.timing(leftPosition, {
|
|
40
|
+
toValue: -5,
|
|
41
|
+
duration: 1500,
|
|
42
|
+
useNativeDriver: true
|
|
43
|
+
}),
|
|
44
|
+
Animated.timing(leftPosition, {
|
|
45
|
+
toValue: 10,
|
|
46
|
+
duration: 1500,
|
|
47
|
+
useNativeDriver: true
|
|
48
|
+
})
|
|
49
|
+
])
|
|
50
|
+
).start();
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const animateRight = () => {
|
|
54
|
+
Animated.loop(
|
|
55
|
+
Animated.sequence([
|
|
56
|
+
Animated.timing(rightPosition, {
|
|
57
|
+
toValue: 5,
|
|
58
|
+
duration: 1500,
|
|
59
|
+
useNativeDriver: true
|
|
60
|
+
}),
|
|
61
|
+
Animated.timing(rightPosition, {
|
|
62
|
+
toValue: -10,
|
|
63
|
+
duration: 1500,
|
|
64
|
+
useNativeDriver: true
|
|
65
|
+
})
|
|
66
|
+
])
|
|
67
|
+
).start();
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
animateLeft();
|
|
72
|
+
animateRight();
|
|
73
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
74
|
+
}, []);
|
|
75
|
+
|
|
76
|
+
return (
|
|
77
|
+
<FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
|
|
78
|
+
<Animated.View
|
|
79
|
+
style={[
|
|
80
|
+
styles.itemBorder,
|
|
81
|
+
styles.leftItemBorder,
|
|
82
|
+
{
|
|
83
|
+
transform: [{ translateX: leftPosition }],
|
|
84
|
+
backgroundColor: Theme['bg-200']
|
|
85
|
+
},
|
|
86
|
+
leftItemStyle
|
|
87
|
+
]}
|
|
88
|
+
>
|
|
89
|
+
{leftImage ? (
|
|
90
|
+
<Image
|
|
91
|
+
source={leftImage}
|
|
92
|
+
style={[styles.rightImage, { backgroundColor: Theme['bg-200'] }]}
|
|
93
|
+
/>
|
|
94
|
+
) : (
|
|
95
|
+
<Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
|
|
96
|
+
)}
|
|
97
|
+
</Animated.View>
|
|
98
|
+
<Animated.View
|
|
99
|
+
style={[
|
|
100
|
+
styles.itemBorder,
|
|
101
|
+
styles.rightItemBorder,
|
|
102
|
+
{
|
|
103
|
+
transform: [{ translateX: rightPosition }],
|
|
104
|
+
backgroundColor: Theme['bg-200']
|
|
105
|
+
},
|
|
106
|
+
rightItemStyle
|
|
107
|
+
]}
|
|
108
|
+
>
|
|
109
|
+
{rightImage ? (
|
|
110
|
+
<WalletImage imageSrc={rightImage} size="lg" border={false} />
|
|
111
|
+
) : (
|
|
112
|
+
renderRightPlaceholder?.() ?? (
|
|
113
|
+
<Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
|
|
114
|
+
)
|
|
115
|
+
)}
|
|
116
|
+
</Animated.View>
|
|
117
|
+
</FlexView>
|
|
118
|
+
);
|
|
119
|
+
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
2
|
|
|
3
|
-
import { useEffect } from 'react';
|
|
4
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
4
|
import { FlexView } from '../../layout/wui-flex';
|
|
6
5
|
import { Image } from '../../components/wui-image';
|
|
@@ -30,57 +29,14 @@ export function DoubleImageLoader({
|
|
|
30
29
|
rightItemStyle
|
|
31
30
|
}: Props) {
|
|
32
31
|
const Theme = useTheme();
|
|
33
|
-
const leftPosition = useAnimatedValue(10);
|
|
34
|
-
const rightPosition = useAnimatedValue(-10);
|
|
35
|
-
|
|
36
|
-
const animateLeft = () => {
|
|
37
|
-
Animated.loop(
|
|
38
|
-
Animated.sequence([
|
|
39
|
-
Animated.timing(leftPosition, {
|
|
40
|
-
toValue: -5,
|
|
41
|
-
duration: 1500,
|
|
42
|
-
useNativeDriver: true
|
|
43
|
-
}),
|
|
44
|
-
Animated.timing(leftPosition, {
|
|
45
|
-
toValue: 10,
|
|
46
|
-
duration: 1500,
|
|
47
|
-
useNativeDriver: true
|
|
48
|
-
})
|
|
49
|
-
])
|
|
50
|
-
).start();
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
const animateRight = () => {
|
|
54
|
-
Animated.loop(
|
|
55
|
-
Animated.sequence([
|
|
56
|
-
Animated.timing(rightPosition, {
|
|
57
|
-
toValue: 5,
|
|
58
|
-
duration: 1500,
|
|
59
|
-
useNativeDriver: true
|
|
60
|
-
}),
|
|
61
|
-
Animated.timing(rightPosition, {
|
|
62
|
-
toValue: -10,
|
|
63
|
-
duration: 1500,
|
|
64
|
-
useNativeDriver: true
|
|
65
|
-
})
|
|
66
|
-
])
|
|
67
|
-
).start();
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
useEffect(() => {
|
|
71
|
-
animateLeft();
|
|
72
|
-
animateRight();
|
|
73
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
74
|
-
}, []);
|
|
75
32
|
|
|
76
33
|
return (
|
|
77
34
|
<FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
|
|
78
|
-
<
|
|
35
|
+
<FlexView
|
|
79
36
|
style={[
|
|
80
37
|
styles.itemBorder,
|
|
81
38
|
styles.leftItemBorder,
|
|
82
39
|
{
|
|
83
|
-
transform: [{ translateX: leftPosition }],
|
|
84
40
|
backgroundColor: Theme['bg-200']
|
|
85
41
|
},
|
|
86
42
|
leftItemStyle
|
|
@@ -94,13 +50,12 @@ export function DoubleImageLoader({
|
|
|
94
50
|
) : (
|
|
95
51
|
<Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
|
|
96
52
|
)}
|
|
97
|
-
</
|
|
98
|
-
<
|
|
53
|
+
</FlexView>
|
|
54
|
+
<FlexView
|
|
99
55
|
style={[
|
|
100
56
|
styles.itemBorder,
|
|
101
57
|
styles.rightItemBorder,
|
|
102
58
|
{
|
|
103
|
-
transform: [{ translateX: rightPosition }],
|
|
104
59
|
backgroundColor: Theme['bg-200']
|
|
105
60
|
},
|
|
106
61
|
rightItemStyle
|
|
@@ -113,7 +68,7 @@ export function DoubleImageLoader({
|
|
|
113
68
|
<Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
|
|
114
69
|
)
|
|
115
70
|
)}
|
|
116
|
-
</
|
|
71
|
+
</FlexView>
|
|
117
72
|
</FlexView>
|
|
118
73
|
);
|
|
119
74
|
}
|
|
@@ -16,6 +16,7 @@ export interface IconBoxProps {
|
|
|
16
16
|
borderColor?: ThemeKeys;
|
|
17
17
|
borderSize?: number;
|
|
18
18
|
style?: StyleProp<ViewStyle>;
|
|
19
|
+
testID?: string;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
export function IconBox({
|
|
@@ -28,7 +29,8 @@ export function IconBox({
|
|
|
28
29
|
border,
|
|
29
30
|
borderColor,
|
|
30
31
|
borderSize = 4,
|
|
31
|
-
style
|
|
32
|
+
style,
|
|
33
|
+
testID
|
|
32
34
|
}: IconBoxProps) {
|
|
33
35
|
const Theme = useTheme();
|
|
34
36
|
let _iconSize: SizeType;
|
|
@@ -97,6 +99,7 @@ export function IconBox({
|
|
|
97
99
|
border && { borderColor: Theme[borderColor || 'bg-125'], borderWidth: borderSize / 2 },
|
|
98
100
|
style
|
|
99
101
|
]}
|
|
102
|
+
testID={testID}
|
|
100
103
|
>
|
|
101
104
|
<Icon size={iconSize || _iconSize} color={iconColor} name={icon} />
|
|
102
105
|
</View>
|
|
@@ -32,9 +32,13 @@ export function NumericKeyboard({ onKeyPress }: NumericKeyboardProps) {
|
|
|
32
32
|
{row.map(key => (
|
|
33
33
|
<TouchableOpacity key={key} style={styles.key} onPress={() => handlePress(key)}>
|
|
34
34
|
{key === 'erase' ? (
|
|
35
|
-
<Text style={[styles.keyText, { color: Theme['fg-100'] }]}
|
|
35
|
+
<Text testID="key-erase" style={[styles.keyText, { color: Theme['fg-100'] }]}>
|
|
36
|
+
←
|
|
37
|
+
</Text>
|
|
36
38
|
) : (
|
|
37
|
-
<Text style={[styles.keyText, { color: Theme['fg-100'] }]}>
|
|
39
|
+
<Text testID={`key-${key}`} style={[styles.keyText, { color: Theme['fg-100'] }]}>
|
|
40
|
+
{key}
|
|
41
|
+
</Text>
|
|
38
42
|
)}
|
|
39
43
|
</TouchableOpacity>
|
|
40
44
|
))}
|
|
@@ -18,6 +18,7 @@ export interface TokenButtonProps {
|
|
|
18
18
|
placeholder?: string;
|
|
19
19
|
chevron?: boolean;
|
|
20
20
|
renderClip?: React.ReactNode;
|
|
21
|
+
testID?: string;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
export function TokenButton({
|
|
@@ -29,7 +30,8 @@ export function TokenButton({
|
|
|
29
30
|
disabled = false,
|
|
30
31
|
placeholder = 'Select token',
|
|
31
32
|
chevron,
|
|
32
|
-
renderClip
|
|
33
|
+
renderClip,
|
|
34
|
+
testID
|
|
33
35
|
}: TokenButtonProps) {
|
|
34
36
|
const Theme = useTheme();
|
|
35
37
|
|
|
@@ -70,6 +72,7 @@ export function TokenButton({
|
|
|
70
72
|
size="sm"
|
|
71
73
|
onPress={onPress}
|
|
72
74
|
disabled={disabled}
|
|
75
|
+
testID={testID}
|
|
73
76
|
>
|
|
74
77
|
{inverse ? content.reverse() : content}
|
|
75
78
|
{chevron && <Icon name="chevronBottom" size="xxs" color="fg-150" style={styles.chevron} />}
|
|
@@ -24,6 +24,7 @@ export interface FlexViewProps {
|
|
|
24
24
|
padding?: SpacingType | SpacingType[];
|
|
25
25
|
margin?: SpacingType | SpacingType[];
|
|
26
26
|
style?: StyleProp<ViewStyle>;
|
|
27
|
+
testID?: string;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
export function FlexView(props: FlexViewProps) {
|
|
@@ -46,7 +47,7 @@ export function FlexView(props: FlexViewProps) {
|
|
|
46
47
|
};
|
|
47
48
|
|
|
48
49
|
return (
|
|
49
|
-
<View onLayout={props.onLayout} style={[styles, props.style]}>
|
|
50
|
+
<View onLayout={props.onLayout} style={[styles, props.style]} testID={props.testID}>
|
|
50
51
|
{props.children}
|
|
51
52
|
</View>
|
|
52
53
|
);
|