@reown/appkit-ui-react-native 1.1.1 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/assets/svg/RecycleHorizontal.js +21 -0
- package/lib/commonjs/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/commonjs/components/wui-icon/index.js +2 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-pressable/index.js +68 -0
- package/lib/commonjs/components/wui-pressable/index.js.map +1 -0
- package/lib/commonjs/components/wui-shimmer/index.js +5 -1
- package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +2 -1
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +3 -3
- package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -1
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/index.js +29 -9
- package/lib/commonjs/composites/wui-list-token/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/styles.js +3 -0
- package/lib/commonjs/composites/wui-list-token/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/index.js +4 -1
- package/lib/commonjs/composites/wui-snackbar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +65 -0
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -0
- package/lib/commonjs/composites/wui-toggle/styles.js +30 -0
- package/lib/commonjs/composites/wui-toggle/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-token-button/index.js +21 -11
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/styles.js +4 -0
- package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
- package/lib/commonjs/context/ThemeContext.js +41 -0
- package/lib/commonjs/context/ThemeContext.js.map +1 -0
- package/lib/commonjs/hooks/useTheme.js +5 -7
- package/lib/commonjs/hooks/useTheme.js.map +1 -1
- package/lib/commonjs/index.js +27 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +1 -0
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/utils/ThemeUtil.js +18 -1
- package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
- package/lib/commonjs/utils/TransactionUtil.js +56 -45
- package/lib/commonjs/utils/TransactionUtil.js.map +1 -1
- package/lib/module/assets/svg/RecycleHorizontal.js +13 -0
- package/lib/module/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/module/components/wui-icon/index.js +2 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-pressable/index.js +62 -0
- package/lib/module/components/wui-pressable/index.js.map +1 -0
- package/lib/module/components/wui-shimmer/index.js +6 -2
- package/lib/module/components/wui-shimmer/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +2 -1
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +3 -3
- package/lib/module/composites/wui-button/styles.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -1
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-list-token/index.js +27 -8
- package/lib/module/composites/wui-list-token/index.js.map +1 -1
- package/lib/module/composites/wui-list-token/styles.js +3 -0
- package/lib/module/composites/wui-list-token/styles.js.map +1 -1
- package/lib/module/composites/wui-snackbar/index.js +4 -1
- package/lib/module/composites/wui-snackbar/index.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +58 -0
- package/lib/module/composites/wui-toggle/index.js.map +1 -0
- package/lib/module/composites/wui-toggle/styles.js +24 -0
- package/lib/module/composites/wui-toggle/styles.js.map +1 -0
- package/lib/module/composites/wui-token-button/index.js +21 -11
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/styles.js +4 -0
- package/lib/module/composites/wui-token-button/styles.js.map +1 -1
- package/lib/module/context/ThemeContext.js +33 -0
- package/lib/module/context/ThemeContext.js.map +1 -0
- package/lib/module/hooks/useTheme.js +4 -7
- package/lib/module/hooks/useTheme.js.map +1 -1
- package/lib/module/index.js +4 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +1 -0
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/utils/ThemeUtil.js +16 -0
- package/lib/module/utils/ThemeUtil.js.map +1 -1
- package/lib/module/utils/TransactionUtil.js +56 -45
- package/lib/module/utils/TransactionUtil.js.map +1 -1
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts +4 -0
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts.map +1 -0
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-pressable/index.d.ts +17 -0
- package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -0
- package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts +3 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts +4 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/styles.d.ts +3 -0
- package/lib/typescript/composites/wui-list-token/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-toggle/index.d.ts +11 -0
- package/lib/typescript/composites/wui-toggle/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts +23 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-token-button/index.d.ts +7 -3
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/styles.d.ts +4 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -1
- package/lib/typescript/context/ThemeContext.d.ts +78 -0
- package/lib/typescript/context/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/hooks/useTheme.d.ts +1 -1
- package/lib/typescript/hooks/useTheme.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +4 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +2 -1
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/utils/ThemeUtil.d.ts +13 -0
- package/lib/typescript/utils/ThemeUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TransactionUtil.d.ts +9 -1
- package/lib/typescript/utils/TransactionUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts +2 -2
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/assets/svg/RecycleHorizontal.tsx +12 -0
- package/src/components/wui-icon/index.tsx +2 -0
- package/src/components/wui-pressable/index.tsx +92 -0
- package/src/components/wui-shimmer/index.tsx +9 -2
- package/src/composites/wui-button/index.tsx +1 -1
- package/src/composites/wui-button/styles.ts +3 -3
- package/src/composites/wui-input-text/index.tsx +10 -2
- package/src/composites/wui-list-token/index.tsx +31 -8
- package/src/composites/wui-list-token/styles.ts +3 -0
- package/src/composites/wui-snackbar/index.tsx +7 -2
- package/src/composites/wui-toggle/index.tsx +81 -0
- package/src/composites/wui-toggle/styles.ts +24 -0
- package/src/composites/wui-token-button/index.tsx +37 -8
- package/src/composites/wui-token-button/styles.ts +4 -0
- package/src/context/ThemeContext.tsx +44 -0
- package/src/hooks/useTheme.ts +4 -8
- package/src/index.ts +4 -1
- package/src/layout/wui-flex/index.tsx +7 -2
- package/src/utils/ThemeUtil.ts +18 -0
- package/src/utils/TransactionUtil.ts +72 -52
- package/src/utils/TypesUtil.ts +2 -0
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import { Animated, Pressable as RNPressable } from 'react-native';
|
|
4
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
5
|
+
const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
|
|
6
|
+
export function Pressable({
|
|
7
|
+
children,
|
|
8
|
+
style,
|
|
9
|
+
disabled = false,
|
|
10
|
+
pressable = true,
|
|
11
|
+
onPress,
|
|
12
|
+
backgroundColor = 'gray-glass-002',
|
|
13
|
+
pressedBackgroundColor = 'gray-glass-010',
|
|
14
|
+
bounceScale = 0.99,
|
|
15
|
+
// Scale to 99% of original size
|
|
16
|
+
animationDuration = 200,
|
|
17
|
+
// 200ms animation
|
|
18
|
+
...rest
|
|
19
|
+
}) {
|
|
20
|
+
const Theme = useTheme();
|
|
21
|
+
const pressAnimation = useRef(new Animated.Value(0));
|
|
22
|
+
const scaleAnimation = useRef(new Animated.Value(1));
|
|
23
|
+
const onPressIn = () => {
|
|
24
|
+
Animated.parallel([Animated.timing(pressAnimation.current, {
|
|
25
|
+
toValue: 1,
|
|
26
|
+
useNativeDriver: false,
|
|
27
|
+
duration: animationDuration
|
|
28
|
+
}), Animated.timing(scaleAnimation.current, {
|
|
29
|
+
toValue: bounceScale,
|
|
30
|
+
useNativeDriver: false,
|
|
31
|
+
duration: animationDuration
|
|
32
|
+
})]).start();
|
|
33
|
+
};
|
|
34
|
+
const onPressOut = () => {
|
|
35
|
+
Animated.parallel([Animated.timing(pressAnimation.current, {
|
|
36
|
+
toValue: 0,
|
|
37
|
+
useNativeDriver: false,
|
|
38
|
+
duration: animationDuration
|
|
39
|
+
}), Animated.timing(scaleAnimation.current, {
|
|
40
|
+
toValue: 1,
|
|
41
|
+
useNativeDriver: false,
|
|
42
|
+
duration: animationDuration
|
|
43
|
+
})]).start();
|
|
44
|
+
};
|
|
45
|
+
const bgColor = pressAnimation.current.interpolate({
|
|
46
|
+
inputRange: [0, 1],
|
|
47
|
+
outputRange: [Theme[backgroundColor] ?? 'transparent', Theme[pressedBackgroundColor] ?? 'transparent']
|
|
48
|
+
});
|
|
49
|
+
return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
|
|
50
|
+
disabled: disabled || !pressable,
|
|
51
|
+
style: [{
|
|
52
|
+
backgroundColor: bgColor,
|
|
53
|
+
transform: [{
|
|
54
|
+
scale: scaleAnimation.current
|
|
55
|
+
}]
|
|
56
|
+
}, style],
|
|
57
|
+
onPressIn: onPressIn,
|
|
58
|
+
onPressOut: onPressOut,
|
|
59
|
+
onPress: onPress
|
|
60
|
+
}, rest), children);
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","Animated","Pressable","RNPressable","useTheme","AnimatedPressable","createAnimatedComponent","children","style","disabled","pressable","onPress","backgroundColor","pressedBackgroundColor","bounceScale","animationDuration","rest","Theme","pressAnimation","Value","scaleAnimation","onPressIn","parallel","timing","current","toValue","useNativeDriver","duration","start","onPressOut","bgColor","interpolate","inputRange","outputRange","React","createElement","_extends","transform","scale"],"sourceRoot":"../../../../src","sources":["components/wui-pressable/index.tsx"],"mappings":";AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SACEC,QAAQ,EACRC,SAAS,IAAIC,WAAW,QAInB,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAuB,CAACH,WAAW,CAAC;AAavE,OAAO,SAASD,SAASA,CAAC;EACxBK,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,IAAI;EAChBC,OAAO;EACPC,eAAe,GAAG,gBAAgB;EAClCC,sBAAsB,GAAG,gBAAgB;EACzCC,WAAW,GAAG,IAAI;EAAE;EACpBC,iBAAiB,GAAG,GAAG;EAAE;EACzB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EACxB,MAAMc,cAAc,GAAGlB,MAAM,CAAC,IAAIC,QAAQ,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAMC,cAAc,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAC;EAEpD,MAAME,SAAS,GAAGA,CAAA,KAAM;IACtBpB,QAAQ,CAACqB,QAAQ,CAAC,CAChBrB,QAAQ,CAACsB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EAEFd,QAAQ,CAACsB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAEX,WAAW;MACpBY,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB5B,QAAQ,CAACqB,QAAQ,CAAC,CAChBrB,QAAQ,CAACsB,MAAM,CAACL,cAAc,CAACM,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,EACFd,QAAQ,CAACsB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEZ;IACZ,CAAC,CAAC,CACH,CAAC,CAACa,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,OAAO,GAAGZ,cAAc,CAACM,OAAO,CAACO,WAAW,CAAC;IACjDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CACXhB,KAAK,CAACL,eAAe,CAAc,IAAI,aAAa,EACpDK,KAAK,CAACJ,sBAAsB,CAAc,IAAI,aAAa;EAE/D,CAAC,CAAC;EAEF,oBACEqB,KAAA,CAAAC,aAAA,CAAC9B,iBAAiB,EAAA+B,QAAA;IAChB3B,QAAQ,EAAEA,QAAQ,IAAI,CAACC,SAAU;IACjCF,KAAK,EAAE,CAAC;MAAEI,eAAe,EAAEkB,OAAO;MAAEO,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAElB,cAAc,CAACI;MAAQ,CAAC;IAAE,CAAC,EAAEhB,KAAK,CAAE;IAC7Fa,SAAS,EAAEA,SAAU;IACrBQ,UAAU,EAAEA,UAAW;IACvBlB,OAAO,EAAEA;EAAQ,GACbK,IAAI,GAEPT,QACgB,CAAC;AAExB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Svg, Rect } from 'react-native-svg';
|
|
2
|
-
import { Animated } from 'react-native';
|
|
2
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
|
5
5
|
export const Shimmer = ({
|
|
@@ -33,7 +33,11 @@ export const Shimmer = ({
|
|
|
33
33
|
return /*#__PURE__*/React.createElement(Svg, {
|
|
34
34
|
width: width,
|
|
35
35
|
height: height,
|
|
36
|
-
style:
|
|
36
|
+
style: [{
|
|
37
|
+
borderWidth: StyleSheet.hairlineWidth,
|
|
38
|
+
borderColor: Theme['bg-300'],
|
|
39
|
+
borderRadius
|
|
40
|
+
}, style]
|
|
37
41
|
}, /*#__PURE__*/React.createElement(AnimatedRect, animatedProps));
|
|
38
42
|
};
|
|
39
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Rect","Animated","useTheme","AnimatedRect","createAnimatedComponent","Shimmer","width","height","duration","borderRadius","backgroundColor","foregroundColor","style","animatedValue","Value","Theme","animatedProps","fill","interpolate","inputRange","outputRange","x","y","rx","ry","loop","timing","toValue","useNativeDriver","start","React","createElement"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAwC,cAAc;
|
|
1
|
+
{"version":3,"names":["Svg","Rect","Animated","StyleSheet","useTheme","AnimatedRect","createAnimatedComponent","Shimmer","width","height","duration","borderRadius","backgroundColor","foregroundColor","style","animatedValue","Value","Theme","animatedProps","fill","interpolate","inputRange","outputRange","x","y","rx","ry","loop","timing","toValue","useNativeDriver","start","React","createElement","borderWidth","hairlineWidth","borderColor"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,EAAEC,UAAU,QAAwC,cAAc;AACnF,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,MAAMC,YAAY,GAAGH,QAAQ,CAACI,uBAAuB,CAACL,IAAI,CAAC;AAY3D,OAAO,MAAMM,OAAO,GAAGA,CAAC;EACtBC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAIb,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,MAAMc,aAAa,GAAG;IACpBC,IAAI,EAAEJ,aAAa,CAACK,WAAW,CAAC;MAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;MACvBC,WAAW,EAAE,CACXV,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC,EAClCJ,eAAe,IAAII,KAAK,CAAC,QAAQ,CAAC,EAClCL,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC;IAEtC,CAAC,CAAC;IACFT,KAAK;IACLC,MAAM;IACNc,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,EAAE,EAAEd,YAAY;IAChBe,EAAE,EAAEf;EACN,CAAC;EAEDT,QAAQ,CAACyB,IAAI,CACXzB,QAAQ,CAAC0B,MAAM,CAACb,aAAa,EAAE;IAC7Bc,OAAO,EAAE,CAAC;IACVnB,QAAQ;IACRoB,eAAe,EAAE;EACnB,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EAET,oBACEC,KAAA,CAAAC,aAAA,CAACjC,GAAG;IACFQ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAE,CACL;MAAEoB,WAAW,EAAE/B,UAAU,CAACgC,aAAa;MAAEC,WAAW,EAAEnB,KAAK,CAAC,QAAQ,CAAC;MAAEN;IAAa,CAAC,EACrFG,KAAK;EACL,gBAEFkB,KAAA,CAAAC,aAAA,CAAC5B,YAAY,EAAKa,aAAgB,CAC/B,CAAC;AAEV,CAAC"}
|
|
@@ -69,7 +69,8 @@ export function Button({
|
|
|
69
69
|
size: iconSize,
|
|
70
70
|
style: [styles.iconLeft, iconStyle]
|
|
71
71
|
}), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
72
|
-
color: iconColor
|
|
72
|
+
color: iconColor,
|
|
73
|
+
size: "md"
|
|
73
74
|
}), !loading && (typeof children === 'string' ? /*#__PURE__*/React.createElement(Text, {
|
|
74
75
|
variant: size === 'md' ? 'paragraph-600' : 'small-600',
|
|
75
76
|
style: [styles.text, themedTextStyle]
|
|
@@ -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":"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
|
|
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":"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"}
|
|
@@ -2,12 +2,12 @@ import { StyleSheet } from 'react-native';
|
|
|
2
2
|
import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
|
|
3
3
|
export const getThemedButtonStyle = (theme, variant, disabled, pressed) => {
|
|
4
4
|
const buttonBaseStyle = {
|
|
5
|
-
borderColor: theme['
|
|
5
|
+
borderColor: theme['accent-glass-020']
|
|
6
6
|
};
|
|
7
7
|
if (disabled) {
|
|
8
8
|
return {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
...buttonBaseStyle,
|
|
10
|
+
backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010']
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
if (pressed) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedButtonStyle","theme","variant","disabled","pressed","buttonBaseStyle","borderColor","backgroundColor","getThemedTextStyle","color","getIconColor","create","button","paddingVertical","alignItems","justifyContent","borderRadius","xs","borderWidth","hairlineWidth","smButton","height","paddingHorizontal","mdButton","s","text","marginHorizontal","iconRight","marginRight","iconLeft","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-button/styles.ts"],"mappings":"AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,KAAqC,EACrCC,OAAmB,EACnBC,QAAkB,EAClBC,OAAiB,KACE;EACnB,MAAMC,eAAe,GAAG;IACtBC,WAAW,EAAEL,KAAK,CAAC,
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedButtonStyle","theme","variant","disabled","pressed","buttonBaseStyle","borderColor","backgroundColor","getThemedTextStyle","color","getIconColor","create","button","paddingVertical","alignItems","justifyContent","borderRadius","xs","borderWidth","hairlineWidth","smButton","height","paddingHorizontal","mdButton","s","text","marginHorizontal","iconRight","marginRight","iconLeft","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-button/styles.ts"],"mappings":"AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,KAAqC,EACrCC,OAAmB,EACnBC,QAAkB,EAClBC,OAAiB,KACE;EACnB,MAAMC,eAAe,GAAG;IACtBC,WAAW,EAAEL,KAAK,CAAC,kBAAkB;EACvC,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZ,OAAO;MACL,GAAGE,eAAe;MAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,gBAAgB,CAAC,GAAGA,KAAK,CAAC,gBAAgB;IACxF,CAAC;EACH;EAEA,IAAIG,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,eAAe;MAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB;IACpF,CAAC;EACH;EAEA,OAAO;IACL,GAAGI,eAAe;IAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB;EACpF,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAChCP,KAAqC,EACrCC,OAAmB,EACnBC,QAAkB,KACC;EACnB,IAAIA,QAAQ,EAAE;IACZ,OAAO;MAAEM,KAAK,EAAER,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAC3C;EAEA,OAAOC,OAAO,KAAK,MAAM,GACrB;IAAEO,KAAK,EAAER,KAAK,CAAC,aAAa;EAAE,CAAC,GAC/BC,OAAO,KAAK,QAAQ,GACpB;IAAEO,KAAK,EAAER,KAAK,CAAC,YAAY;EAAE,CAAC,GAC9B;IAAEQ,KAAK,EAAER,KAAK,CAAC,QAAQ;EAAE,CAAC;AAChC,CAAC;AAED,OAAO,MAAMS,YAAY,GAAGA,CAACR,OAAmB,EAAEC,QAAkB,KAAK;EACvE,IAAIA,QAAQ,EAAE;IACZ,OAAO,gBAAgB;EACzB;EAEA,OAAOD,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ;AAC5F,CAAC;AAED,eAAeL,UAAU,CAACc,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,eAAe,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC/Be,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAElB,YAAY,CAACmB,EAAE;IAC7BC,WAAW,EAAErB,UAAU,CAACsB;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEvB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAAC,KAAK;EAClC,CAAC;EACDyB,QAAQ,EAAE;IACRF,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEvB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAAC0B;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,gBAAgB,EAAE3B,OAAO,CAAC,KAAK;EACjC,CAAC;EACD4B,SAAS,EAAE;IACTC,WAAW,EAAE7B,OAAO,CAAC,KAAK;EAC5B,CAAC;EACD8B,QAAQ,EAAE;IACRC,UAAU,EAAE/B,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}
|
|
@@ -16,6 +16,7 @@ export const InputText = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
returnKeyType,
|
|
17
17
|
onBlur,
|
|
18
18
|
onFocus,
|
|
19
|
+
style,
|
|
19
20
|
...rest
|
|
20
21
|
}, ref) => {
|
|
21
22
|
const inputRef = useRef(null);
|
|
@@ -64,7 +65,7 @@ export const InputText = /*#__PURE__*/forwardRef(({
|
|
|
64
65
|
style: [styles.outerBorder, {
|
|
65
66
|
borderColor: outerBorder,
|
|
66
67
|
borderRadius: outerRadius
|
|
67
|
-
}],
|
|
68
|
+
}, style],
|
|
68
69
|
disabled: disabled,
|
|
69
70
|
onPress: () => inputRef.current?.focus()
|
|
70
71
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Animated","Pressable","TextInput","Icon","useAnimatedValue","useTheme","styles","outerBorderRadius","AnimatedPressable","createAnimatedComponent","InputText","children","placeholder","inputStyle","icon","size","disabled","returnKeyType","onBlur","onFocus","rest","ref","inputRef","Theme","animatedValue","valueRef","setStartValue","setEndValue","outerRadius","clear","current","focus","blur","handleBlur","e","handleFocus","innerBorder","interpolate","inputRange","outputRange","outerBorder","React","createElement","Fragment","
|
|
1
|
+
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Animated","Pressable","TextInput","Icon","useAnimatedValue","useTheme","styles","outerBorderRadius","AnimatedPressable","createAnimatedComponent","InputText","children","placeholder","inputStyle","icon","size","disabled","returnKeyType","onBlur","onFocus","style","rest","ref","inputRef","Theme","animatedValue","valueRef","setStartValue","setEndValue","outerRadius","clear","current","focus","blur","handleBlur","e","handleFocus","innerBorder","interpolate","inputRange","outputRange","outerBorder","React","createElement","Fragment","borderColor","borderRadius","onPress","View","backgroundColor","name","color","_extends","placeholderTextColor","input","autoCapitalize","autoCorrect","autoComplete","spellCheck","selectionColor","underlineColorAndroid","selectTextOnFocus","editable","testID"],"sourceRoot":"../../../../src","sources":["composites/wui-input-text/index.tsx"],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { Pressable } from 'react-native';
|
|
2
1
|
import { Icon } from '../../components/wui-icon';
|
|
3
2
|
import { Image } from '../../components/wui-image';
|
|
4
3
|
import { Text } from '../../components/wui-text';
|
|
4
|
+
import { Pressable } from '../../components/wui-pressable';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { FlexView } from '../../layout/wui-flex';
|
|
7
7
|
import { UiUtil } from '../../utils/UiUtil';
|
|
8
8
|
import styles from './styles';
|
|
9
|
+
export const ListTokenTotalHeight = 64;
|
|
9
10
|
export function ListToken({
|
|
10
11
|
imageSrc,
|
|
11
12
|
networkSrc,
|
|
@@ -13,16 +14,24 @@ export function ListToken({
|
|
|
13
14
|
value,
|
|
14
15
|
amount,
|
|
15
16
|
currency,
|
|
16
|
-
onPress
|
|
17
|
+
onPress,
|
|
18
|
+
disabled,
|
|
19
|
+
pressable = true
|
|
17
20
|
}) {
|
|
18
21
|
const Theme = useTheme();
|
|
19
22
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
20
|
-
onPress: onPress
|
|
23
|
+
onPress: onPress,
|
|
24
|
+
disabled: disabled || !pressable,
|
|
25
|
+
style: styles.pressable,
|
|
26
|
+
backgroundColor: "transparent"
|
|
21
27
|
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
22
28
|
flexDirection: "row",
|
|
23
29
|
justifyContent: "space-between",
|
|
24
30
|
alignItems: "center",
|
|
25
|
-
padding: ['
|
|
31
|
+
padding: ['0', 'm', '0', 'xs'],
|
|
32
|
+
style: {
|
|
33
|
+
height: ListTokenTotalHeight
|
|
34
|
+
}
|
|
26
35
|
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
27
36
|
flexDirection: "row",
|
|
28
37
|
alignItems: "center"
|
|
@@ -58,13 +67,23 @@ export function ListToken({
|
|
|
58
67
|
})), /*#__PURE__*/React.createElement(FlexView, {
|
|
59
68
|
padding: ['0', 's', '0', 's']
|
|
60
69
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
61
|
-
color:
|
|
70
|
+
color: disabled ? 'fg-200' : 'fg-100',
|
|
62
71
|
variant: "paragraph-500"
|
|
63
|
-
},
|
|
72
|
+
}, UiUtil.getTruncateString({
|
|
73
|
+
string: name,
|
|
74
|
+
charsStart: 15,
|
|
75
|
+
charsEnd: 0,
|
|
76
|
+
truncate: 'end'
|
|
77
|
+
})), /*#__PURE__*/React.createElement(Text, {
|
|
64
78
|
variant: "small-400",
|
|
65
79
|
color: "fg-200"
|
|
66
|
-
}, UiUtil.formatNumberToLocalString(amount, 4),
|
|
67
|
-
|
|
80
|
+
}, UiUtil.formatNumberToLocalString(amount, 4), ' ', UiUtil.getTruncateString({
|
|
81
|
+
string: currency,
|
|
82
|
+
charsStart: 8,
|
|
83
|
+
charsEnd: 0,
|
|
84
|
+
truncate: 'end'
|
|
85
|
+
})))), /*#__PURE__*/React.createElement(Text, {
|
|
86
|
+
color: disabled ? 'fg-200' : 'fg-100',
|
|
68
87
|
variant: "paragraph-500"
|
|
69
88
|
}, "$", value?.toFixed(2) ?? '0.00')));
|
|
70
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Icon","Image","Text","Pressable","useTheme","FlexView","UiUtil","styles","ListTokenTotalHeight","ListToken","imageSrc","networkSrc","name","value","amount","currency","onPress","disabled","pressable","Theme","React","createElement","style","backgroundColor","flexDirection","justifyContent","alignItems","padding","height","source","image","size","color","networkImageContainer","borderColor","networkImage","variant","getTruncateString","string","charsStart","charsEnd","truncate","formatNumberToLocalString","toFixed"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/index.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
2
|
import { BorderRadius, WalletImageSize } from '../../utils/ThemeUtil';
|
|
3
3
|
export default StyleSheet.create({
|
|
4
|
+
pressable: {
|
|
5
|
+
borderRadius: BorderRadius.s
|
|
6
|
+
},
|
|
4
7
|
image: {
|
|
5
8
|
height: WalletImageSize.sm,
|
|
6
9
|
width: WalletImageSize.sm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","WalletImageSize","create","image","height","sm","width","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","WalletImageSize","create","pressable","borderRadius","s","image","height","sm","width","full","networkImageContainer","position","bottom","left","borderWidth","networkImage"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,eAAe,QAAQ,uBAAuB;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEJ,YAAY,CAACK;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,MAAM,EAAEN,eAAe,CAACO,EAAE;IAC1BC,KAAK,EAAER,eAAe,CAACO,EAAE;IACzBJ,YAAY,EAAEJ,YAAY,CAACU;EAC7B,CAAC;EACDC,qBAAqB,EAAE;IACrBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,IAAI,EAAE,EAAE;IACRC,WAAW,EAAE,CAAC;IACdX,YAAY,EAAEJ,YAAY,CAACU,IAAI;IAC/BD,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZP,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVH,YAAY,EAAEJ,YAAY,CAACU;EAC7B;AACF,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { Text } from '../../components/wui-text';
|
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { IconBox } from '../wui-icon-box';
|
|
5
5
|
import styles from './styles';
|
|
6
|
+
import { LoadingSpinner } from '../../components/wui-loading-spinner';
|
|
6
7
|
export function Snackbar({
|
|
7
8
|
message,
|
|
8
9
|
iconColor,
|
|
@@ -16,7 +17,9 @@ export function Snackbar({
|
|
|
16
17
|
backgroundColor: Theme['bg-175'],
|
|
17
18
|
borderColor: Theme['gray-glass-005']
|
|
18
19
|
}, style]
|
|
19
|
-
}, /*#__PURE__*/React.createElement(
|
|
20
|
+
}, icon === 'loading' ? /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
21
|
+
size: "md"
|
|
22
|
+
}) : /*#__PURE__*/React.createElement(IconBox, {
|
|
20
23
|
icon: icon,
|
|
21
24
|
iconColor: iconColor,
|
|
22
25
|
size: "sm",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","Text","useTheme","IconBox","styles","Snackbar","message","iconColor","icon","style","Theme","React","createElement","View","pointerEvents","container","backgroundColor","borderColor","size","background","variant","color","text","testID"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAwC,cAAc;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,MAAM,MAAM,UAAU;
|
|
1
|
+
{"version":3,"names":["Animated","Text","useTheme","IconBox","styles","LoadingSpinner","Snackbar","message","iconColor","icon","style","Theme","React","createElement","View","pointerEvents","container","backgroundColor","borderColor","size","background","variant","color","text","testID"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAwC,cAAc;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,cAAc,QAAQ,sCAAsC;AASrE,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,EAAE;EAC3E,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EAExB,oBACEU,KAAA,CAAAC,aAAA,CAACb,QAAQ,CAACc,IAAI;IACZC,aAAa,EAAC,MAAM;IACpBL,KAAK,EAAE,CACLN,MAAM,CAACY,SAAS,EAChB;MAAEC,eAAe,EAAEN,KAAK,CAAC,QAAQ,CAAC;MAAEO,WAAW,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK;EACL,GAEDD,IAAI,KAAK,SAAS,gBACjBG,KAAA,CAAAC,aAAA,CAACR,cAAc;IAACc,IAAI,EAAC;EAAI,CAAE,CAAC,gBAE5BP,KAAA,CAAAC,aAAA,CAACV,OAAO;IAACM,IAAI,EAAEA,IAAK;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC,IAAI;IAACC,UAAU;EAAA,CAAE,CAClE,eACDR,KAAA,CAAAC,aAAA,CAACZ,IAAI;IACHoB,OAAO,EAAC,eAAe;IACvBC,KAAK,EAAC,QAAQ;IACdZ,KAAK,EAAEN,MAAM,CAACmB,IAAK;IACnBC,MAAM,EAAC;EAAsB,GAE5BjB,OACG,CACO,CAAC;AAEpB"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { useState, useRef } from 'react';
|
|
2
|
+
import { Animated, Pressable } from 'react-native';
|
|
3
|
+
import { IconBox } from '../wui-icon-box';
|
|
4
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
5
|
+
import { Text } from '../../components/wui-text';
|
|
6
|
+
import styles from './styles';
|
|
7
|
+
export function Toggle({
|
|
8
|
+
children,
|
|
9
|
+
style,
|
|
10
|
+
title = 'Details',
|
|
11
|
+
initialOpen = false,
|
|
12
|
+
canClose = true
|
|
13
|
+
}) {
|
|
14
|
+
const [isOpen, setIsOpen] = useState(initialOpen);
|
|
15
|
+
const animatedHeight = useRef(new Animated.Value(0)).current;
|
|
16
|
+
const contentHeight = useRef(0);
|
|
17
|
+
const hasInitialized = useRef(false);
|
|
18
|
+
const toggleDetails = () => {
|
|
19
|
+
if (canClose) {
|
|
20
|
+
const toValue = isOpen ? 0 : contentHeight.current;
|
|
21
|
+
Animated.spring(animatedHeight, {
|
|
22
|
+
toValue,
|
|
23
|
+
useNativeDriver: false,
|
|
24
|
+
bounciness: 0
|
|
25
|
+
}).start();
|
|
26
|
+
setIsOpen(!isOpen);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const measureContent = event => {
|
|
30
|
+
const height = event.nativeEvent.layout.height;
|
|
31
|
+
contentHeight.current = height;
|
|
32
|
+
if (!hasInitialized.current && initialOpen) {
|
|
33
|
+
hasInitialized.current = true;
|
|
34
|
+
animatedHeight.setValue(height);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
return /*#__PURE__*/React.createElement(FlexView, {
|
|
38
|
+
style: [styles.container, style]
|
|
39
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
40
|
+
onPress: toggleDetails,
|
|
41
|
+
style: styles.header
|
|
42
|
+
}, typeof title === 'string' ? /*#__PURE__*/React.createElement(Text, {
|
|
43
|
+
variant: "small-400",
|
|
44
|
+
color: "fg-100"
|
|
45
|
+
}, title) : title, canClose && /*#__PURE__*/React.createElement(IconBox, {
|
|
46
|
+
icon: isOpen ? 'chevronTop' : 'chevronBottom',
|
|
47
|
+
size: "sm",
|
|
48
|
+
iconColor: "fg-200"
|
|
49
|
+
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
50
|
+
style: [styles.contentWrapper, {
|
|
51
|
+
height: animatedHeight
|
|
52
|
+
}]
|
|
53
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
54
|
+
style: styles.content,
|
|
55
|
+
onLayout: measureContent
|
|
56
|
+
}, children)));
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useRef","Animated","Pressable","IconBox","FlexView","Text","styles","Toggle","children","style","title","initialOpen","canClose","isOpen","setIsOpen","animatedHeight","Value","current","contentHeight","hasInitialized","toggleDetails","toValue","spring","useNativeDriver","bounciness","start","measureContent","event","height","nativeEvent","layout","setValue","React","createElement","container","onPress","header","variant","color","icon","size","iconColor","View","contentWrapper","content","onLayout"],"sourceRoot":"../../../../src","sources":["composites/wui-toggle/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AACxC,SACEC,QAAQ,EAIRC,SAAS,QACJ,cAAc;AAErB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,MAAM,MAAM,UAAU;AAU7B,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,SAAS;EACjBC,WAAW,GAAG,KAAK;EACnBC,QAAQ,GAAG;AACA,CAAC,EAAE;EACd,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAACY,WAAW,CAAC;EACjD,MAAMI,cAAc,GAAGf,MAAM,CAAC,IAAIC,QAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC5D,MAAMC,aAAa,GAAGlB,MAAM,CAAC,CAAC,CAAC;EAC/B,MAAMmB,cAAc,GAAGnB,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMoB,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIR,QAAQ,EAAE;MACZ,MAAMS,OAAO,GAAGR,MAAM,GAAG,CAAC,GAAGK,aAAa,CAACD,OAAO;MAElDhB,QAAQ,CAACqB,MAAM,CAACP,cAAc,EAAE;QAC9BM,OAAO;QACPE,eAAe,EAAE,KAAK;QACtBC,UAAU,EAAE;MACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MAEVX,SAAS,CAAC,CAACD,MAAM,CAAC;IACpB;EACF,CAAC;EAED,MAAMa,cAAc,GAAIC,KAAwB,IAAK;IACnD,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACF,MAAM;IAC9CV,aAAa,CAACD,OAAO,GAAGW,MAAM;IAE9B,IAAI,CAACT,cAAc,CAACF,OAAO,IAAIN,WAAW,EAAE;MAC1CQ,cAAc,CAACF,OAAO,GAAG,IAAI;MAC7BF,cAAc,CAACgB,QAAQ,CAACH,MAAM,CAAC;IACjC;EACF,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAAC7B,QAAQ;IAACK,KAAK,EAAE,CAACH,MAAM,CAAC4B,SAAS,EAAEzB,KAAK;EAAE,gBACzCuB,KAAA,CAAAC,aAAA,CAAC/B,SAAS;IAACiC,OAAO,EAAEf,aAAc;IAACX,KAAK,EAAEH,MAAM,CAAC8B;EAAO,GACrD,OAAO1B,KAAK,KAAK,QAAQ,gBACxBsB,KAAA,CAAAC,aAAA,CAAC5B,IAAI;IAACgC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrC5B,KACG,CAAC,GAEPA,KACD,EACAE,QAAQ,iBACPoB,KAAA,CAAAC,aAAA,CAAC9B,OAAO;IAACoC,IAAI,EAAE1B,MAAM,GAAG,YAAY,GAAG,eAAgB;IAAC2B,IAAI,EAAC,IAAI;IAACC,SAAS,EAAC;EAAQ,CAAE,CAE/E,CAAC,eAEZT,KAAA,CAAAC,aAAA,CAAChC,QAAQ,CAACyC,IAAI;IAACjC,KAAK,EAAE,CAACH,MAAM,CAACqC,cAAc,EAAE;MAAEf,MAAM,EAAEb;IAAe,CAAC;EAAE,gBACxEiB,KAAA,CAAAC,aAAA,CAAC7B,QAAQ;IAACK,KAAK,EAAEH,MAAM,CAACsC,OAAQ;IAACC,QAAQ,EAAEnB;EAAe,GACvDlB,QACO,CACG,CACP,CAAC;AAEf"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Spacing } from '../../utils/ThemeUtil';
|
|
3
|
+
export default StyleSheet.create({
|
|
4
|
+
container: {
|
|
5
|
+
overflow: 'hidden'
|
|
6
|
+
},
|
|
7
|
+
header: {
|
|
8
|
+
flexDirection: 'row',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
justifyContent: 'space-between',
|
|
11
|
+
paddingVertical: Spacing.s,
|
|
12
|
+
paddingHorizontal: Spacing.l
|
|
13
|
+
},
|
|
14
|
+
content: {
|
|
15
|
+
paddingHorizontal: Spacing.l,
|
|
16
|
+
paddingBottom: Spacing.l,
|
|
17
|
+
position: 'absolute',
|
|
18
|
+
width: '100%'
|
|
19
|
+
},
|
|
20
|
+
contentWrapper: {
|
|
21
|
+
overflow: 'hidden'
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","Spacing","create","container","overflow","header","flexDirection","alignItems","justifyContent","paddingVertical","s","paddingHorizontal","l","content","paddingBottom","position","width","contentWrapper"],"sourceRoot":"../../../../src","sources":["composites/wui-toggle/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAER,OAAO,CAACS,CAAC;IAC1BC,iBAAiB,EAAEV,OAAO,CAACW;EAC7B,CAAC;EACDC,OAAO,EAAE;IACPF,iBAAiB,EAAEV,OAAO,CAACW,CAAC;IAC5BE,aAAa,EAAEb,OAAO,CAACW,CAAC;IACxBG,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdb,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -3,28 +3,38 @@ import { Text } from '../../components/wui-text';
|
|
|
3
3
|
import { Button } from '../wui-button';
|
|
4
4
|
import styles from './styles';
|
|
5
5
|
export function TokenButton({
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
imageUrl,
|
|
7
|
+
text,
|
|
8
|
+
inverse,
|
|
9
|
+
onPress,
|
|
10
|
+
style,
|
|
11
|
+
disabled = false
|
|
8
12
|
}) {
|
|
9
|
-
if (!
|
|
13
|
+
if (!text) {
|
|
10
14
|
return /*#__PURE__*/React.createElement(Button, {
|
|
11
15
|
variant: "accent",
|
|
12
|
-
style: styles.selectButton,
|
|
16
|
+
style: [styles.selectButton, style],
|
|
13
17
|
size: "sm",
|
|
14
|
-
onPress: onPress
|
|
18
|
+
onPress: onPress,
|
|
19
|
+
disabled: disabled
|
|
15
20
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16
21
|
variant: "small-600",
|
|
17
22
|
color: "accent-100"
|
|
18
23
|
}, "Select token"));
|
|
19
24
|
}
|
|
25
|
+
const content = [imageUrl && /*#__PURE__*/React.createElement(Image, {
|
|
26
|
+
key: "image",
|
|
27
|
+
source: imageUrl,
|
|
28
|
+
style: [styles.image, inverse && styles.imageInverse]
|
|
29
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
30
|
+
key: "text"
|
|
31
|
+
}, text)];
|
|
20
32
|
return /*#__PURE__*/React.createElement(Button, {
|
|
21
33
|
variant: "shade",
|
|
22
|
-
style: styles.container,
|
|
34
|
+
style: [styles.container, style],
|
|
23
35
|
size: "sm",
|
|
24
|
-
onPress: onPress
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
style: styles.image
|
|
28
|
-
}), token?.symbol && /*#__PURE__*/React.createElement(Text, null, token.symbol));
|
|
36
|
+
onPress: onPress,
|
|
37
|
+
disabled: disabled
|
|
38
|
+
}, inverse ? content.reverse() : content);
|
|
29
39
|
}
|
|
30
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","Text","Button","styles","TokenButton","
|
|
1
|
+
{"version":3,"names":["Image","Text","Button","styles","TokenButton","imageUrl","text","inverse","onPress","style","disabled","React","createElement","variant","selectButton","size","color","content","key","source","image","imageInverse","container","reverse"],"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,OAAOC,MAAM,MAAM,UAAU;AAW7B,OAAO,SAASC,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,QAAQ,GAAG;AACK,CAAC,EAAE;EACnB,IAAI,CAACJ,IAAI,EAAE;IACT,oBACEK,KAAA,CAAAC,aAAA,CAACV,MAAM;MACLW,OAAO,EAAC,QAAQ;MAChBJ,KAAK,EAAE,CAACN,MAAM,CAACW,YAAY,EAAEL,KAAK,CAAE;MACpCM,IAAI,EAAC,IAAI;MACTP,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA;IAAS,gBAEnBC,KAAA,CAAAC,aAAA,CAACX,IAAI;MAACY,OAAO,EAAC,WAAW;MAACG,KAAK,EAAC;IAAY,GAAC,cAEvC,CACA,CAAC;EAEb;EAEA,MAAMC,OAAO,GAAG,CACdZ,QAAQ,iBACNM,KAAA,CAAAC,aAAA,CAACZ,KAAK;IAACkB,GAAG,EAAC,OAAO;IAACC,MAAM,EAAEd,QAAS;IAACI,KAAK,EAAE,CAACN,MAAM,CAACiB,KAAK,EAAEb,OAAO,IAAIJ,MAAM,CAACkB,YAAY;EAAE,CAAE,CAC9F,eACDV,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACiB,GAAG,EAAC;EAAM,GAAEZ,IAAW,CAAC,CAC/B;EAED,oBACEK,KAAA,CAAAC,aAAA,CAACV,MAAM;IACLW,OAAO,EAAC,OAAO;IACfJ,KAAK,EAAE,CAACN,MAAM,CAACmB,SAAS,EAAEb,KAAK,CAAE;IACjCM,IAAI,EAAC,IAAI;IACTP,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA;EAAS,GAElBH,OAAO,GAAGU,OAAO,CAACM,OAAO,CAAC,CAAC,GAAGN,OACzB,CAAC;AAEb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","selectButton","height","paddingHorizontal","m","container","image","width","borderRadius","full","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEJ,OAAO,CAACK;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTH,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLC,KAAK,EAAE,EAAE;IACTL,MAAM,EAAE,EAAE;IACVM,YAAY,EAAEV,YAAY,CAACW,IAAI;IAC/BC,WAAW,EAAEX,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","selectButton","height","paddingHorizontal","m","container","image","width","borderRadius","full","marginRight","imageInverse","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEJ,OAAO,CAACK;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTH,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLC,KAAK,EAAE,EAAE;IACTL,MAAM,EAAE,EAAE;IACVM,YAAY,EAAEV,YAAY,CAACW,IAAI;IAC/BC,WAAW,EAAEX,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDY,YAAY,EAAE;IACZD,WAAW,EAAE,CAAC;IACdE,UAAU,EAAEb,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useColorScheme } from 'react-native';
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
import { DarkTheme, LightTheme, getAccentColors } from '../utils/ThemeUtil';
|
|
4
|
+
export const ThemeContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export function ThemeProvider({
|
|
6
|
+
children,
|
|
7
|
+
themeMode,
|
|
8
|
+
themeVariables
|
|
9
|
+
}) {
|
|
10
|
+
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
|
11
|
+
value: {
|
|
12
|
+
themeMode,
|
|
13
|
+
themeVariables
|
|
14
|
+
}
|
|
15
|
+
}, children);
|
|
16
|
+
}
|
|
17
|
+
export function useTheme() {
|
|
18
|
+
const context = useContext(ThemeContext);
|
|
19
|
+
const scheme = useColorScheme();
|
|
20
|
+
|
|
21
|
+
// If the theme mode is not set, use the system color scheme
|
|
22
|
+
const themeMode = context?.themeMode ?? scheme;
|
|
23
|
+
const themeVariables = context?.themeVariables ?? {};
|
|
24
|
+
let Theme = themeMode === 'dark' ? DarkTheme : LightTheme;
|
|
25
|
+
if (themeVariables.accent) {
|
|
26
|
+
Theme = {
|
|
27
|
+
...Theme,
|
|
28
|
+
...getAccentColors(themeVariables.accent)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
return Theme;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useColorScheme","createContext","useContext","DarkTheme","LightTheme","getAccentColors","ThemeContext","undefined","ThemeProvider","children","themeMode","themeVariables","React","createElement","Provider","value","useTheme","context","scheme","Theme","accent"],"sourceRoot":"../../../src","sources":["context/ThemeContext.tsx"],"mappings":"AAAA,SAASA,cAAc,QAAQ,cAAc;AAC7C,SAASC,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAGjE,SAASC,SAAS,EAAEC,UAAU,EAAEC,eAAe,QAAQ,oBAAoB;AAO3E,OAAO,MAAMC,YAAY,gBAAGL,aAAa,CAA+BM,SAAS,CAAC;AAQlF,OAAO,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmC,CAAC,EAAE;EACzF,oBACEC,KAAA,CAAAC,aAAA,CAACP,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,SAAS;MAAEC;IAAe;EAAE,GAAEF,QAAgC,CAAC;AAEnG;AAEA,OAAO,SAASO,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAGf,UAAU,CAACI,YAAY,CAAC;EACxC,MAAMY,MAAM,GAAGlB,cAAc,CAAC,CAAC;;EAE/B;EACA,MAAMU,SAAS,GAAGO,OAAO,EAAEP,SAAS,IAAIQ,MAAM;EAC9C,MAAMP,cAAc,GAAGM,OAAO,EAAEN,cAAc,IAAI,CAAC,CAAC;EAEpD,IAAIQ,KAAK,GAAGT,SAAS,KAAK,MAAM,GAAGP,SAAS,GAAGC,UAAU;EAEzD,IAAIO,cAAc,CAACS,MAAM,EAAE;IACzBD,KAAK,GAAG;MACN,GAAGA,KAAK;MACR,GAAGd,eAAe,CAACM,cAAc,CAACS,MAAM;IAC1C,CAAC;EACH;EAEA,OAAOD,KAAK;AACd"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const Theme = scheme === 'dark' ? DarkTheme : LightTheme;
|
|
6
|
-
return Theme;
|
|
7
|
-
}
|
|
1
|
+
import { useTheme as useThemeContext } from '../context/ThemeContext';
|
|
2
|
+
export const useTheme = () => {
|
|
3
|
+
return useThemeContext();
|
|
4
|
+
};
|
|
8
5
|
//# sourceMappingURL=useTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useTheme","useThemeContext"],"sourceRoot":"../../../src","sources":["hooks/useTheme.ts"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,eAAe,QAAQ,yBAAyB;AAErE,OAAO,MAAMD,QAAQ,GAAGA,CAAA,KAAM;EAC5B,OAAOC,eAAe,CAAC,CAAC;AAC1B,CAAC"}
|