@reown/appkit-ui-react-native 0.0.0-feat-multichain-20250908172803 → 0.0.0-feat-multichain-20250909201659
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/components/wui-modal/index.js +8 -5
- package/lib/commonjs/components/wui-modal/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/styles.js +5 -0
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
- package/lib/module/components/wui-modal/index.js +9 -6
- package/lib/module/components/wui-modal/index.js.map +1 -1
- package/lib/module/components/wui-modal/styles.js +5 -0
- package/lib/module/components/wui-modal/styles.js.map +1 -1
- package/lib/typescript/components/wui-modal/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-modal/styles.d.ts +5 -0
- package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/wui-modal/index.tsx +5 -6
- package/src/components/wui-modal/styles.ts +5 -0
|
@@ -18,10 +18,10 @@ function Modal({
|
|
|
18
18
|
testID,
|
|
19
19
|
children
|
|
20
20
|
}) {
|
|
21
|
-
const Theme = (0, _useTheme.useTheme)();
|
|
22
21
|
const {
|
|
23
22
|
height
|
|
24
23
|
} = (0, _reactNative.useWindowDimensions)();
|
|
24
|
+
const Theme = (0, _useTheme.useTheme)();
|
|
25
25
|
const backdropOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
26
26
|
const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(height)).current;
|
|
27
27
|
const [showBackdrop, setShowBackdrop] = (0, _react.useState)(false);
|
|
@@ -117,17 +117,20 @@ function Modal({
|
|
|
117
117
|
opacity: backdropOpacity
|
|
118
118
|
}],
|
|
119
119
|
onPress: onBackdropPress
|
|
120
|
-
}) : null, /*#__PURE__*/(0, _jsxRuntime.
|
|
120
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
|
|
121
121
|
style: [_styles.default.modal, {
|
|
122
|
-
backgroundColor: Theme['bg-100'],
|
|
123
122
|
transform: [{
|
|
124
123
|
translateY
|
|
125
124
|
}]
|
|
126
125
|
}],
|
|
127
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
126
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
128
127
|
onLayout: onContentLayout,
|
|
129
128
|
children: children
|
|
130
|
-
})
|
|
129
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
130
|
+
style: [_styles.default.bottomBackground, {
|
|
131
|
+
backgroundColor: Theme['bg-100']
|
|
132
|
+
}]
|
|
133
|
+
})]
|
|
131
134
|
})]
|
|
132
135
|
});
|
|
133
136
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Modal","visible","onBackdropPress","onRequestClose","testID","children","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Modal","visible","onBackdropPress","onRequestClose","testID","children","height","useWindowDimensions","Theme","useTheme","backdropOpacity","useRef","Value","current","translateY","showBackdrop","setShowBackdrop","useState","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","useEffect","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","jsxs","transparent","animationType","statusBarTranslucent","jsx","style","styles","backdrop","opacity","onPress","View","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,6 +12,8 @@ var _default = exports.default = _reactNative.StyleSheet.create({
|
|
|
12
12
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
13
13
|
},
|
|
14
14
|
modal: {
|
|
15
|
+
backgroundColor: 'transparent',
|
|
16
|
+
borderWidth: 0,
|
|
15
17
|
borderTopLeftRadius: _ThemeUtil.BorderRadius.l,
|
|
16
18
|
borderTopRightRadius: _ThemeUtil.BorderRadius.l,
|
|
17
19
|
position: 'absolute',
|
|
@@ -19,6 +21,9 @@ var _default = exports.default = _reactNative.StyleSheet.create({
|
|
|
19
21
|
left: 0,
|
|
20
22
|
right: 0,
|
|
21
23
|
bottom: 0
|
|
24
|
+
},
|
|
25
|
+
bottomBackground: {
|
|
26
|
+
flexGrow: 1
|
|
22
27
|
}
|
|
23
28
|
});
|
|
24
29
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","backdrop","flexGrow","backgroundColor","modal","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEC,uBAAY,CAACC,CAAC;IACnCC,oBAAoB,EAAEF,uBAAY,CAACC,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBb,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { useWindowDimensions, Modal as RNModal, Animated, Pressable } from 'react-native';
|
|
4
|
+
import { useWindowDimensions, Modal as RNModal, Animated, Pressable, View } from 'react-native';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import styles from './styles';
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,10 +13,10 @@ export function Modal({
|
|
|
13
13
|
testID,
|
|
14
14
|
children
|
|
15
15
|
}) {
|
|
16
|
-
const Theme = useTheme();
|
|
17
16
|
const {
|
|
18
17
|
height
|
|
19
18
|
} = useWindowDimensions();
|
|
19
|
+
const Theme = useTheme();
|
|
20
20
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
21
21
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
22
22
|
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
@@ -112,17 +112,20 @@ export function Modal({
|
|
|
112
112
|
opacity: backdropOpacity
|
|
113
113
|
}],
|
|
114
114
|
onPress: onBackdropPress
|
|
115
|
-
}) : null, /*#__PURE__*/
|
|
115
|
+
}) : null, /*#__PURE__*/_jsxs(Animated.View, {
|
|
116
116
|
style: [styles.modal, {
|
|
117
|
-
backgroundColor: Theme['bg-100'],
|
|
118
117
|
transform: [{
|
|
119
118
|
translateY
|
|
120
119
|
}]
|
|
121
120
|
}],
|
|
122
|
-
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
121
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
123
122
|
onLayout: onContentLayout,
|
|
124
123
|
children: children
|
|
125
|
-
})
|
|
124
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
125
|
+
style: [styles.bottomBackground, {
|
|
126
|
+
backgroundColor: Theme['bg-100']
|
|
127
|
+
}]
|
|
128
|
+
})]
|
|
126
129
|
})]
|
|
127
130
|
});
|
|
128
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","Animated","Pressable","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","visible","onBackdropPress","onRequestClose","testID","children","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","Animated","Pressable","View","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","visible","onBackdropPress","onRequestClose","testID","children","height","Theme","backdropOpacity","Value","current","translateY","showBackdrop","setShowBackdrop","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","transparent","animationType","statusBarTranslucent","style","backdrop","opacity","onPress","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,8 @@ export default StyleSheet.create({
|
|
|
8
8
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
9
9
|
},
|
|
10
10
|
modal: {
|
|
11
|
+
backgroundColor: 'transparent',
|
|
12
|
+
borderWidth: 0,
|
|
11
13
|
borderTopLeftRadius: BorderRadius.l,
|
|
12
14
|
borderTopRightRadius: BorderRadius.l,
|
|
13
15
|
position: 'absolute',
|
|
@@ -15,6 +17,9 @@ export default StyleSheet.create({
|
|
|
15
17
|
left: 0,
|
|
16
18
|
right: 0,
|
|
17
19
|
bottom: 0
|
|
20
|
+
},
|
|
21
|
+
bottomBackground: {
|
|
22
|
+
flexGrow: 1
|
|
18
23
|
}
|
|
19
24
|
});
|
|
20
25
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","create","backdrop","flexGrow","backgroundColor","modal","borderTopLeftRadius","l","borderTopRightRadius","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEP,YAAY,CAACQ,CAAC;IACnCC,oBAAoB,EAAET,YAAY,CAACQ,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBZ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-modal/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,UAAU,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-modal/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,UAAU,IAAI,YAAY,EAIhC,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,YAAY,EACZ,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,gBAAgB,CACtD,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAIF,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAgH/F"}
|
|
@@ -4,6 +4,8 @@ declare const _default: {
|
|
|
4
4
|
backgroundColor: string;
|
|
5
5
|
};
|
|
6
6
|
modal: {
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
borderWidth: number;
|
|
7
9
|
borderTopLeftRadius: number;
|
|
8
10
|
borderTopRightRadius: number;
|
|
9
11
|
position: "absolute";
|
|
@@ -12,6 +14,9 @@ declare const _default: {
|
|
|
12
14
|
right: number;
|
|
13
15
|
bottom: number;
|
|
14
16
|
};
|
|
17
|
+
bottomBackground: {
|
|
18
|
+
flexGrow: number;
|
|
19
|
+
};
|
|
15
20
|
};
|
|
16
21
|
export default _default;
|
|
17
22
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-modal/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,wBAmBG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-ui-react-native",
|
|
3
|
-
"version": "0.0.0-feat-multichain-
|
|
3
|
+
"version": "0.0.0-feat-multichain-20250909201659",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"types": "lib/typescript/index.d.ts",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"access": "public"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@reown/appkit-common-react-native": "0.0.0-feat-multichain-
|
|
42
|
+
"@reown/appkit-common-react-native": "0.0.0-feat-multichain-20250909201659",
|
|
43
43
|
"polished": "4.3.1",
|
|
44
44
|
"qrcode": "1.5.3"
|
|
45
45
|
},
|
|
@@ -4,7 +4,8 @@ import {
|
|
|
4
4
|
Modal as RNModal,
|
|
5
5
|
type ModalProps as RNModalProps,
|
|
6
6
|
Animated,
|
|
7
|
-
Pressable
|
|
7
|
+
Pressable,
|
|
8
|
+
View
|
|
8
9
|
} from 'react-native';
|
|
9
10
|
import { useTheme } from '../../hooks/useTheme';
|
|
10
11
|
import styles from './styles';
|
|
@@ -20,9 +21,8 @@ export type ModalProps = Pick<
|
|
|
20
21
|
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
21
22
|
|
|
22
23
|
export function Modal({ visible, onBackdropPress, onRequestClose, testID, children }: ModalProps) {
|
|
23
|
-
const Theme = useTheme();
|
|
24
24
|
const { height } = useWindowDimensions();
|
|
25
|
-
|
|
25
|
+
const Theme = useTheme();
|
|
26
26
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
27
27
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
28
28
|
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
@@ -126,10 +126,9 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
126
126
|
onPress={onBackdropPress}
|
|
127
127
|
/>
|
|
128
128
|
) : null}
|
|
129
|
-
<Animated.View
|
|
130
|
-
style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
|
|
131
|
-
>
|
|
129
|
+
<Animated.View style={[styles.modal, { transform: [{ translateY }] }]}>
|
|
132
130
|
<Animated.View onLayout={onContentLayout}>{children}</Animated.View>
|
|
131
|
+
<View style={[styles.bottomBackground, { backgroundColor: Theme['bg-100'] }]} />
|
|
133
132
|
</Animated.View>
|
|
134
133
|
</RNModal>
|
|
135
134
|
);
|
|
@@ -7,6 +7,8 @@ export default StyleSheet.create({
|
|
|
7
7
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
8
8
|
},
|
|
9
9
|
modal: {
|
|
10
|
+
backgroundColor: 'transparent',
|
|
11
|
+
borderWidth: 0,
|
|
10
12
|
borderTopLeftRadius: BorderRadius.l,
|
|
11
13
|
borderTopRightRadius: BorderRadius.l,
|
|
12
14
|
position: 'absolute',
|
|
@@ -14,5 +16,8 @@ export default StyleSheet.create({
|
|
|
14
16
|
left: 0,
|
|
15
17
|
right: 0,
|
|
16
18
|
bottom: 0
|
|
19
|
+
},
|
|
20
|
+
bottomBackground: {
|
|
21
|
+
flexGrow: 1
|
|
17
22
|
}
|
|
18
23
|
});
|