@reown/appkit-ui-react-native 0.0.0-fix-improvements-20250827190629 → 0.0.0-fix-ui-changes-20250828183750
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 +9 -5
- package/lib/commonjs/components/wui-modal/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/styles.js +3 -3
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
- package/lib/commonjs/hooks/useCustomDimensions.js +9 -12
- package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -1
- package/lib/commonjs/index.js +0 -7
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/wui-modal/index.js +9 -5
- package/lib/module/components/wui-modal/index.js.map +1 -1
- package/lib/module/components/wui-modal/styles.js +3 -3
- package/lib/module/components/wui-modal/styles.js.map +1 -1
- package/lib/module/hooks/useCustomDimensions.js +10 -13
- package/lib/module/hooks/useCustomDimensions.js.map +1 -1
- package/lib/module/index.js +0 -3
- package/lib/module/index.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 +2 -2
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +0 -2
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/wui-modal/index.tsx +12 -6
- package/src/components/wui-modal/styles.ts +3 -3
- package/src/hooks/useCustomDimensions.ts +10 -14
- package/src/index.ts +0 -2
- package/lib/commonjs/layout/wui-scrollview/index.js +0 -33
- package/lib/commonjs/layout/wui-scrollview/index.js.map +0 -1
- package/lib/module/layout/wui-scrollview/index.js +0 -30
- package/lib/module/layout/wui-scrollview/index.js.map +0 -1
- package/lib/typescript/layout/wui-scrollview/index.d.ts +0 -6
- package/lib/typescript/layout/wui-scrollview/index.d.ts.map +0 -1
- package/src/layout/wui-scrollview/index.tsx +0 -33
|
@@ -24,6 +24,7 @@ function Modal({
|
|
|
24
24
|
} = (0, _reactNative.useWindowDimensions)();
|
|
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
|
+
const [showBackdrop, setShowBackdrop] = (0, _react.useState)(false);
|
|
27
28
|
const [modalVisible, setModalVisible] = (0, _react.useState)(false);
|
|
28
29
|
const [contentHeight, setContentHeight] = (0, _react.useState)(0);
|
|
29
30
|
const onContentLayout = event => {
|
|
@@ -37,6 +38,7 @@ function Modal({
|
|
|
37
38
|
(0, _react.useEffect)(() => {
|
|
38
39
|
if (visible) {
|
|
39
40
|
setModalVisible(true);
|
|
41
|
+
setShowBackdrop(true);
|
|
40
42
|
}
|
|
41
43
|
}, [visible]);
|
|
42
44
|
|
|
@@ -56,7 +58,9 @@ function Modal({
|
|
|
56
58
|
duration: 250,
|
|
57
59
|
useNativeDriver: true
|
|
58
60
|
});
|
|
59
|
-
backdropAnimation.start()
|
|
61
|
+
backdropAnimation.start(() => {
|
|
62
|
+
setShowBackdrop(false);
|
|
63
|
+
});
|
|
60
64
|
}
|
|
61
65
|
return () => {
|
|
62
66
|
backdropAnimation?.stop();
|
|
@@ -71,7 +75,7 @@ function Modal({
|
|
|
71
75
|
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
72
76
|
|
|
73
77
|
modalAnimation = _reactNative.Animated.spring(translateY, {
|
|
74
|
-
toValue: targetY,
|
|
78
|
+
toValue: Math.round(targetY),
|
|
75
79
|
damping: 25,
|
|
76
80
|
stiffness: 220,
|
|
77
81
|
mass: 1,
|
|
@@ -108,12 +112,12 @@ function Modal({
|
|
|
108
112
|
statusBarTranslucent: true,
|
|
109
113
|
onRequestClose: onRequestClose,
|
|
110
114
|
testID: testID,
|
|
111
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
|
|
112
|
-
style: [_styles.default.
|
|
115
|
+
children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
|
|
116
|
+
style: [_styles.default.backdrop, {
|
|
113
117
|
opacity: backdropOpacity
|
|
114
118
|
}],
|
|
115
119
|
onPress: onBackdropPress
|
|
116
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
120
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
117
121
|
style: [_styles.default.modal, {
|
|
118
122
|
backgroundColor: Theme['bg-100'],
|
|
119
123
|
transform: [{
|
|
@@ -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","Theme","useTheme","height","useWindowDimensions","backdropOpacity","useRef","Value","current","translateY","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Modal","visible","onBackdropPress","onRequestClose","testID","children","Theme","useTheme","height","useWindowDimensions","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","Math","round","damping","stiffness","mass","setValue","jsxs","transparent","animationType","statusBarTranslucent","jsx","style","styles","backdrop","opacity","onPress","View","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,9 +7,9 @@ exports.default = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _ThemeUtil = require("../../utils/ThemeUtil");
|
|
9
9
|
var _default = exports.default = _reactNative.StyleSheet.create({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
backdrop: {
|
|
11
|
+
flexGrow: 1,
|
|
12
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
13
13
|
},
|
|
14
14
|
modal: {
|
|
15
15
|
borderTopLeftRadius: _ThemeUtil.BorderRadius.l,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","
|
|
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;IACLC,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;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -11,26 +11,23 @@ var _reactNative = require("react-native");
|
|
|
11
11
|
* @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
return
|
|
17
|
-
};
|
|
18
|
-
const checkPortrait = (width, height) => {
|
|
19
|
-
return height > width;
|
|
14
|
+
const MAX_HEIGHT_PERCENTAGE = 0.9;
|
|
15
|
+
const getMaxHeight = height => {
|
|
16
|
+
return height * MAX_HEIGHT_PERCENTAGE - (_reactNative.StatusBar.currentHeight ?? 0);
|
|
20
17
|
};
|
|
21
18
|
function useCustomDimensions() {
|
|
22
19
|
const {
|
|
23
20
|
width,
|
|
24
21
|
height
|
|
25
22
|
} = (0, _reactNative.useWindowDimensions)();
|
|
26
|
-
const [maxWidth, setMaxWidth] = (0, _react.useState)(
|
|
27
|
-
const [maxHeight, setMaxHeight] = (0, _react.useState)(
|
|
28
|
-
const [isPortrait, setIsPortrait] = (0, _react.useState)(
|
|
23
|
+
const [maxWidth, setMaxWidth] = (0, _react.useState)(width);
|
|
24
|
+
const [maxHeight, setMaxHeight] = (0, _react.useState)(getMaxHeight(height));
|
|
25
|
+
const [isPortrait, setIsPortrait] = (0, _react.useState)(height > width);
|
|
29
26
|
const [padding, setPadding] = (0, _react.useState)(0);
|
|
30
27
|
(0, _react.useEffect)(() => {
|
|
31
|
-
setMaxWidth(
|
|
32
|
-
setMaxHeight(
|
|
33
|
-
setIsPortrait(
|
|
28
|
+
setMaxWidth(width);
|
|
29
|
+
setMaxHeight(getMaxHeight(height));
|
|
30
|
+
setIsPortrait(height > width);
|
|
34
31
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
35
32
|
}, [width, height]);
|
|
36
33
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","MAX_HEIGHT_PERCENTAGE","getMaxHeight","height","StatusBar","currentHeight","useCustomDimensions","width","useWindowDimensions","maxWidth","setMaxWidth","useState","maxHeight","setMaxHeight","isPortrait","setIsPortrait","padding","setPadding","useEffect","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;;AAUA,MAAME,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,YAAY,GAAIC,MAAc,IAAK;EACvC,OAAOA,MAAM,GAAGF,qBAAqB,IAAIG,sBAAS,CAACC,aAAa,IAAI,CAAC,CAAC;AACxE,CAAC;AAEM,SAASC,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEC,KAAK;IAAEJ;EAAO,CAAC,GAAG,IAAAK,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAASJ,KAAK,CAAC;EACvD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAST,YAAY,CAACC,MAAM,CAAC,CAAC;EACxE,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAUR,MAAM,GAAGI,KAAK,CAAC;EACrE,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAN,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAO,gBAAS,EAAC,MAAM;IACdR,WAAW,CAACH,KAAK,CAAC;IAClBM,YAAY,CAACX,YAAY,CAACC,MAAM,CAAC,CAAC;IAClCY,aAAa,CAACZ,MAAM,GAAGI,KAAK,CAAC;IAC7BU,UAAU,CAACV,KAAK,GAAGJ,MAAM,GAAG,CAAC,GAAG,CAACI,KAAK,GAAGJ,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACI,KAAK,EAAEJ,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEM,QAAQ;IAAEG,SAAS;IAAEE,UAAU;IAAEK,WAAW,EAAE,CAACL,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -291,12 +291,6 @@ Object.defineProperty(exports, "QrCode", {
|
|
|
291
291
|
return _wuiQrCode.QrCode;
|
|
292
292
|
}
|
|
293
293
|
});
|
|
294
|
-
Object.defineProperty(exports, "ScrollView", {
|
|
295
|
-
enumerable: true,
|
|
296
|
-
get: function () {
|
|
297
|
-
return _wuiScrollview.ScrollView;
|
|
298
|
-
}
|
|
299
|
-
});
|
|
300
294
|
Object.defineProperty(exports, "SearchBar", {
|
|
301
295
|
enumerable: true,
|
|
302
296
|
get: function () {
|
|
@@ -463,7 +457,6 @@ var _wuiToggle = require("./composites/wui-toggle");
|
|
|
463
457
|
var _wuiTokenButton = require("./composites/wui-token-button");
|
|
464
458
|
var _wuiTooltip = require("./composites/wui-tooltip");
|
|
465
459
|
var _wuiWalletImage = require("./composites/wui-wallet-image");
|
|
466
|
-
var _wuiScrollview = require("./layout/wui-scrollview");
|
|
467
460
|
var _wuiOverlay = require("./layout/wui-overlay");
|
|
468
461
|
var _wuiFlex = require("./layout/wui-flex");
|
|
469
462
|
var _wuiSeparator = require("./layout/wui-separator");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_wuiCard","require","_wuiIcon","_wuiImage","_wuiLoadingHexagon","_wuiLoadingSpinner","_wuiLoadingThumbnail","_wuiText","_wuiVisual","_wuiShimmer","_wuiAccountButton","_wuiAccountPill","_wuiActionEntry","_wuiAvatar","_wuiBalance","_wuiBanner","_wuiButton","_wuiCardSelectLoader","_wuiCardSelect","_wuiChip","_wuiCompatibleNetwork","_wuiConnectButton","_wuiDoubleImageLoader","_wuiEmailInput","_wuiIconBox","_wuiIconLink","_wuiInputElement","_wuiInputNumeric","_wuiInputText","_wuiLink","_wuiListItem","_wuiListItemLoader","_wuiListSocial","_wuiListToken","_wuiListTransaction","_wuiListWallet","_wuiLogo","_wuiLogoSelect","_wuiModal","_wuiNetworkButton","_wuiNetworkImage","_wuiNumericKeyboard","_wuiOtp","_wuiPressable","_wuiQrCode","_wuiSearchBar","_wuiSnackbar","_wuiTabs","_wuiTag","_wuiToggle","_wuiTokenButton","_wuiTooltip","_wuiWalletImage","
|
|
1
|
+
{"version":3,"names":["_wuiCard","require","_wuiIcon","_wuiImage","_wuiLoadingHexagon","_wuiLoadingSpinner","_wuiLoadingThumbnail","_wuiText","_wuiVisual","_wuiShimmer","_wuiAccountButton","_wuiAccountPill","_wuiActionEntry","_wuiAvatar","_wuiBalance","_wuiBanner","_wuiButton","_wuiCardSelectLoader","_wuiCardSelect","_wuiChip","_wuiCompatibleNetwork","_wuiConnectButton","_wuiDoubleImageLoader","_wuiEmailInput","_wuiIconBox","_wuiIconLink","_wuiInputElement","_wuiInputNumeric","_wuiInputText","_wuiLink","_wuiListItem","_wuiListItemLoader","_wuiListSocial","_wuiListToken","_wuiListTransaction","_wuiListWallet","_wuiLogo","_wuiLogoSelect","_wuiModal","_wuiNetworkButton","_wuiNetworkImage","_wuiNumericKeyboard","_wuiOtp","_wuiPressable","_wuiQrCode","_wuiSearchBar","_wuiSnackbar","_wuiTabs","_wuiTag","_wuiToggle","_wuiTokenButton","_wuiTooltip","_wuiWalletImage","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_TransactionUtil","_ThemeUtil","_useTheme","_ThemeContext","_useAnimatedValue","_useCustomDimensions"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,6 +19,7 @@ export function Modal({
|
|
|
19
19
|
} = useWindowDimensions();
|
|
20
20
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
21
21
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
22
|
+
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
22
23
|
const [modalVisible, setModalVisible] = useState(false);
|
|
23
24
|
const [contentHeight, setContentHeight] = useState(0);
|
|
24
25
|
const onContentLayout = event => {
|
|
@@ -32,6 +33,7 @@ export function Modal({
|
|
|
32
33
|
useEffect(() => {
|
|
33
34
|
if (visible) {
|
|
34
35
|
setModalVisible(true);
|
|
36
|
+
setShowBackdrop(true);
|
|
35
37
|
}
|
|
36
38
|
}, [visible]);
|
|
37
39
|
|
|
@@ -51,7 +53,9 @@ export function Modal({
|
|
|
51
53
|
duration: 250,
|
|
52
54
|
useNativeDriver: true
|
|
53
55
|
});
|
|
54
|
-
backdropAnimation.start()
|
|
56
|
+
backdropAnimation.start(() => {
|
|
57
|
+
setShowBackdrop(false);
|
|
58
|
+
});
|
|
55
59
|
}
|
|
56
60
|
return () => {
|
|
57
61
|
backdropAnimation?.stop();
|
|
@@ -66,7 +70,7 @@ export function Modal({
|
|
|
66
70
|
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
67
71
|
|
|
68
72
|
modalAnimation = Animated.spring(translateY, {
|
|
69
|
-
toValue: targetY,
|
|
73
|
+
toValue: Math.round(targetY),
|
|
70
74
|
damping: 25,
|
|
71
75
|
stiffness: 220,
|
|
72
76
|
mass: 1,
|
|
@@ -103,12 +107,12 @@ export function Modal({
|
|
|
103
107
|
statusBarTranslucent: true,
|
|
104
108
|
onRequestClose: onRequestClose,
|
|
105
109
|
testID: testID,
|
|
106
|
-
children: [/*#__PURE__*/_jsx(AnimatedPressable, {
|
|
107
|
-
style: [styles.
|
|
110
|
+
children: [showBackdrop ? /*#__PURE__*/_jsx(AnimatedPressable, {
|
|
111
|
+
style: [styles.backdrop, {
|
|
108
112
|
opacity: backdropOpacity
|
|
109
113
|
}],
|
|
110
114
|
onPress: onBackdropPress
|
|
111
|
-
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
115
|
+
}) : null, /*#__PURE__*/_jsx(Animated.View, {
|
|
112
116
|
style: [styles.modal, {
|
|
113
117
|
backgroundColor: Theme['bg-100'],
|
|
114
118
|
transform: [{
|
|
@@ -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","Theme","height","backdropOpacity","Value","current","translateY","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","
|
|
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","Theme","height","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","Math","round","damping","stiffness","mass","setValue","transparent","animationType","statusBarTranslucent","style","backdrop","opacity","onPress","View","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
4
|
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
backdrop: {
|
|
7
|
+
flexGrow: 1,
|
|
8
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
9
9
|
},
|
|
10
10
|
modal: {
|
|
11
11
|
borderTopLeftRadius: BorderRadius.l,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","create","
|
|
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;IACLC,mBAAmB,EAAEN,YAAY,CAACO,CAAC;IACnCC,oBAAoB,EAAER,YAAY,CAACO,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,33 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
|
-
import { useWindowDimensions } from 'react-native';
|
|
4
|
+
import { StatusBar, useWindowDimensions } from 'react-native';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
|
|
8
8
|
* @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
return
|
|
14
|
-
};
|
|
15
|
-
const checkPortrait = (width, height) => {
|
|
16
|
-
return height > width;
|
|
11
|
+
const MAX_HEIGHT_PERCENTAGE = 0.9;
|
|
12
|
+
const getMaxHeight = height => {
|
|
13
|
+
return height * MAX_HEIGHT_PERCENTAGE - (StatusBar.currentHeight ?? 0);
|
|
17
14
|
};
|
|
18
15
|
export function useCustomDimensions() {
|
|
19
16
|
const {
|
|
20
17
|
width,
|
|
21
18
|
height
|
|
22
19
|
} = useWindowDimensions();
|
|
23
|
-
const [maxWidth, setMaxWidth] = useState(
|
|
24
|
-
const [maxHeight, setMaxHeight] = useState(
|
|
25
|
-
const [isPortrait, setIsPortrait] = useState(
|
|
20
|
+
const [maxWidth, setMaxWidth] = useState(width);
|
|
21
|
+
const [maxHeight, setMaxHeight] = useState(getMaxHeight(height));
|
|
22
|
+
const [isPortrait, setIsPortrait] = useState(height > width);
|
|
26
23
|
const [padding, setPadding] = useState(0);
|
|
27
24
|
useEffect(() => {
|
|
28
|
-
setMaxWidth(
|
|
29
|
-
setMaxHeight(
|
|
30
|
-
setIsPortrait(
|
|
25
|
+
setMaxWidth(width);
|
|
26
|
+
setMaxHeight(getMaxHeight(height));
|
|
27
|
+
setIsPortrait(height > width);
|
|
31
28
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
32
29
|
}, [width, height]);
|
|
33
30
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","
|
|
1
|
+
{"version":3,"names":["useState","useEffect","StatusBar","useWindowDimensions","MAX_HEIGHT_PERCENTAGE","getMaxHeight","height","currentHeight","useCustomDimensions","width","maxWidth","setMaxWidth","maxHeight","setMaxHeight","isPortrait","setIsPortrait","padding","setPadding","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,SAAS,EAAEC,mBAAmB,QAAQ,cAAc;;AAE7D;AACA;AACA;AACA;;AAUA,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,YAAY,GAAIC,MAAc,IAAK;EACvC,OAAOA,MAAM,GAAGF,qBAAqB,IAAIF,SAAS,CAACK,aAAa,IAAI,CAAC,CAAC;AACxE,CAAC;AAED,OAAO,SAASC,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEC,KAAK;IAAEH;EAAO,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EAC/C,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAASS,KAAK,CAAC;EACvD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAASK,YAAY,CAACC,MAAM,CAAC,CAAC;EACxE,MAAM,CAACQ,UAAU,EAAEC,aAAa,CAAC,GAAGf,QAAQ,CAAUM,MAAM,GAAGG,KAAK,CAAC;EACrE,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAS,CAAC,CAAC;EAEjDC,SAAS,CAAC,MAAM;IACdU,WAAW,CAACF,KAAK,CAAC;IAClBI,YAAY,CAACR,YAAY,CAACC,MAAM,CAAC,CAAC;IAClCS,aAAa,CAACT,MAAM,GAAGG,KAAK,CAAC;IAC7BQ,UAAU,CAACR,KAAK,GAAGH,MAAM,GAAG,CAAC,GAAG,CAACG,KAAK,GAAGH,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACG,KAAK,EAAEH,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEI,QAAQ;IAAEE,SAAS;IAAEE,UAAU;IAAEI,WAAW,EAAE,CAACJ,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -55,9 +55,6 @@ export { Toggle } from './composites/wui-toggle';
|
|
|
55
55
|
export { TokenButton } from './composites/wui-token-button';
|
|
56
56
|
export { Tooltip } from './composites/wui-tooltip';
|
|
57
57
|
export { WalletImage } from './composites/wui-wallet-image';
|
|
58
|
-
|
|
59
|
-
/********** Layout **********/
|
|
60
|
-
export { ScrollView } from './layout/wui-scrollview';
|
|
61
58
|
export { Overlay } from './layout/wui-overlay';
|
|
62
59
|
export { FlexView } from './layout/wui-flex';
|
|
63
60
|
export { Separator } from './layout/wui-separator';
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Card","Icon","Image","LoadingHexagon","LoadingSpinner","LoadingThumbnail","Text","Visual","Shimmer","AccountButton","AccountPill","ActionEntry","Avatar","Balance","Banner","Button","CardSelectLoader","CardSelectLoaderHeight","CardSelect","CardSelectHeight","CardSelectWidth","Chip","CompatibleNetwork","ConnectButton","DoubleImageLoader","EmailInput","IconBox","IconLink","InputElement","InputNumeric","InputText","Link","ListItem","ListItemLoader","ListSocial","ListToken","ListTokenTotalHeight","ListTransaction","ListWallet","Logo","LogoSelect","Modal","NetworkButton","NetworkImage","NumericKeyboard","Otp","Pressable","QrCode","SearchBar","Snackbar","Tabs","Tag","Toggle","TokenButton","Tooltip","WalletImage","
|
|
1
|
+
{"version":3,"names":["Card","Icon","Image","LoadingHexagon","LoadingSpinner","LoadingThumbnail","Text","Visual","Shimmer","AccountButton","AccountPill","ActionEntry","Avatar","Balance","Banner","Button","CardSelectLoader","CardSelectLoaderHeight","CardSelect","CardSelectHeight","CardSelectWidth","Chip","CompatibleNetwork","ConnectButton","DoubleImageLoader","EmailInput","IconBox","IconLink","InputElement","InputNumeric","InputText","Link","ListItem","ListItemLoader","ListSocial","ListToken","ListTokenTotalHeight","ListTransaction","ListWallet","Logo","LogoSelect","Modal","NetworkButton","NetworkImage","NumericKeyboard","Otp","Pressable","QrCode","SearchBar","Snackbar","Tabs","Tag","Toggle","TokenButton","Tooltip","WalletImage","Overlay","FlexView","Separator","UiUtil","TransactionUtil","Spacing","BorderRadius","useTheme","ThemeProvider","useAnimatedValue","useCustomDimensions"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,SAASA,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,cAAc,QAAkC,kCAAkC;AAC3F,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAoC,oCAAoC;AACjG,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;;AAErE;AACA,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SACEC,gBAAgB,EAChBC,sBAAsB,QAEjB,qCAAqC;AAC5C,SACEC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,QAEV,8BAA8B;AACrC,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SACEC,iBAAiB,QAEZ,qCAAqC;AAC5C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,iBAAiB,QAAQ,sCAAsC;AACxE,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,OAAO,QAA2B,2BAA2B;AACtE,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,cAAc,QAAkC,mCAAmC;AAC5F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,SAAS,EAAEC,oBAAoB,QAA6B,6BAA6B;AAClG,SAASC,eAAe,QAAmC,mCAAmC;AAC9F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,eAAe,QAAmC,mCAAmC;AAC9F,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,SAAS,QAA6B,4BAA4B;AAC3E,SAASC,MAAM,QAA0B,0BAA0B;AACnE,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,QAAQ,QAA4B,2BAA2B;AACxE,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,WAAW,QAA+B,+BAA+B;AAElF,SAASC,OAAO,QAA2B,sBAAsB;AACjE,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,SAAS,QAAQ,wBAAwB;;AAElD;;AAiBA;AACA,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,OAAO,EAAEC,YAAY,QAAQ,mBAAmB;;AAEzD;AACA,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B","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,EAGhC,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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-modal/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,UAAU,IAAI,YAAY,EAGhC,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,2CAkH/F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCustomDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomDimensions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AAEH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"useCustomDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomDimensions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AAEH,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,wBAAgB,mBAAmB,IAAI,oBAAoB,CAe1D"}
|
|
@@ -52,8 +52,6 @@ export { Toggle, type ToggleProps } from './composites/wui-toggle';
|
|
|
52
52
|
export { TokenButton, type TokenButtonProps } from './composites/wui-token-button';
|
|
53
53
|
export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
|
|
54
54
|
export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
|
|
55
|
-
/********** Layout **********/
|
|
56
|
-
export { ScrollView } from './layout/wui-scrollview';
|
|
57
55
|
export { Overlay, type OverlayProps } from './layout/wui-overlay';
|
|
58
56
|
export { FlexView, type FlexViewProps } from './layout/wui-flex';
|
|
59
57
|
export { Separator } from './layout/wui-separator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEtE,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-ui-react-native",
|
|
3
|
-
"version": "0.0.0-fix-
|
|
3
|
+
"version": "0.0.0-fix-ui-changes-20250828183750",
|
|
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-fix-
|
|
42
|
+
"@reown/appkit-common-react-native": "0.0.0-fix-ui-changes-20250828183750",
|
|
43
43
|
"polished": "4.3.1",
|
|
44
44
|
"qrcode": "1.5.3"
|
|
45
45
|
},
|
|
@@ -25,6 +25,7 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
25
25
|
|
|
26
26
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
27
27
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
28
|
+
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
28
29
|
const [modalVisible, setModalVisible] = useState(false);
|
|
29
30
|
const [contentHeight, setContentHeight] = useState(0);
|
|
30
31
|
|
|
@@ -38,6 +39,7 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
38
39
|
useEffect(() => {
|
|
39
40
|
if (visible) {
|
|
40
41
|
setModalVisible(true);
|
|
42
|
+
setShowBackdrop(true);
|
|
41
43
|
}
|
|
42
44
|
}, [visible]);
|
|
43
45
|
|
|
@@ -58,7 +60,9 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
58
60
|
duration: 250,
|
|
59
61
|
useNativeDriver: true
|
|
60
62
|
});
|
|
61
|
-
backdropAnimation.start()
|
|
63
|
+
backdropAnimation.start(() => {
|
|
64
|
+
setShowBackdrop(false);
|
|
65
|
+
});
|
|
62
66
|
}
|
|
63
67
|
|
|
64
68
|
return () => {
|
|
@@ -75,7 +79,7 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
75
79
|
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
76
80
|
|
|
77
81
|
modalAnimation = Animated.spring(translateY, {
|
|
78
|
-
toValue: targetY,
|
|
82
|
+
toValue: Math.round(targetY),
|
|
79
83
|
damping: 25,
|
|
80
84
|
stiffness: 220,
|
|
81
85
|
mass: 1,
|
|
@@ -116,10 +120,12 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
116
120
|
onRequestClose={onRequestClose}
|
|
117
121
|
testID={testID}
|
|
118
122
|
>
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
+
{showBackdrop ? (
|
|
124
|
+
<AnimatedPressable
|
|
125
|
+
style={[styles.backdrop, { opacity: backdropOpacity }]}
|
|
126
|
+
onPress={onBackdropPress}
|
|
127
|
+
/>
|
|
128
|
+
) : null}
|
|
123
129
|
<Animated.View
|
|
124
130
|
style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
|
|
125
131
|
>
|
|
@@ -2,9 +2,9 @@ import { StyleSheet } from 'react-native';
|
|
|
2
2
|
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
3
3
|
|
|
4
4
|
export default StyleSheet.create({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
backdrop: {
|
|
6
|
+
flexGrow: 1,
|
|
7
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
8
8
|
},
|
|
9
9
|
modal: {
|
|
10
10
|
borderTopLeftRadius: BorderRadius.l,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
|
-
import { useWindowDimensions } from 'react-native';
|
|
2
|
+
import { StatusBar, useWindowDimensions } from 'react-native';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
|
|
@@ -14,27 +14,23 @@ type CustomDimensionsType = {
|
|
|
14
14
|
padding: number;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
const
|
|
17
|
+
const MAX_HEIGHT_PERCENTAGE = 0.9;
|
|
18
18
|
|
|
19
|
-
const
|
|
20
|
-
return
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
const checkPortrait = (width: number, height: number) => {
|
|
24
|
-
return height > width;
|
|
19
|
+
const getMaxHeight = (height: number) => {
|
|
20
|
+
return height * MAX_HEIGHT_PERCENTAGE - (StatusBar.currentHeight ?? 0);
|
|
25
21
|
};
|
|
26
22
|
|
|
27
23
|
export function useCustomDimensions(): CustomDimensionsType {
|
|
28
24
|
const { width, height } = useWindowDimensions();
|
|
29
|
-
const [maxWidth, setMaxWidth] = useState<number>(
|
|
30
|
-
const [maxHeight, setMaxHeight] = useState<number>(
|
|
31
|
-
const [isPortrait, setIsPortrait] = useState<boolean>(
|
|
25
|
+
const [maxWidth, setMaxWidth] = useState<number>(width);
|
|
26
|
+
const [maxHeight, setMaxHeight] = useState<number>(getMaxHeight(height));
|
|
27
|
+
const [isPortrait, setIsPortrait] = useState<boolean>(height > width);
|
|
32
28
|
const [padding, setPadding] = useState<number>(0);
|
|
33
29
|
|
|
34
30
|
useEffect(() => {
|
|
35
|
-
setMaxWidth(
|
|
36
|
-
setMaxHeight(
|
|
37
|
-
setIsPortrait(
|
|
31
|
+
setMaxWidth(width);
|
|
32
|
+
setMaxHeight(getMaxHeight(height));
|
|
33
|
+
setIsPortrait(height > width);
|
|
38
34
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
39
35
|
}, [width, height]);
|
|
40
36
|
|
package/src/index.ts
CHANGED
|
@@ -66,8 +66,6 @@ export { TokenButton, type TokenButtonProps } from './composites/wui-token-butto
|
|
|
66
66
|
export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
|
|
67
67
|
export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
|
|
68
68
|
|
|
69
|
-
/********** Layout **********/
|
|
70
|
-
export { ScrollView } from './layout/wui-scrollview';
|
|
71
69
|
export { Overlay, type OverlayProps } from './layout/wui-overlay';
|
|
72
70
|
export { FlexView, type FlexViewProps } from './layout/wui-flex';
|
|
73
71
|
export { Separator } from './layout/wui-separator';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ScrollView = ScrollView;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _useCustomDimensions = require("../../hooks/useCustomDimensions");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Header size
|
|
11
|
-
const HEIGHT_OFFSET = 50;
|
|
12
|
-
function ScrollView({
|
|
13
|
-
children,
|
|
14
|
-
style,
|
|
15
|
-
disablePadding,
|
|
16
|
-
...props
|
|
17
|
-
}) {
|
|
18
|
-
const {
|
|
19
|
-
padding,
|
|
20
|
-
maxHeight
|
|
21
|
-
} = (0, _useCustomDimensions.useCustomDimensions)();
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
23
|
-
bounces: false,
|
|
24
|
-
fadingEdgeLength: 20,
|
|
25
|
-
...props,
|
|
26
|
-
style: [{
|
|
27
|
-
paddingHorizontal: disablePadding ? undefined : padding,
|
|
28
|
-
maxHeight: maxHeight - HEIGHT_OFFSET
|
|
29
|
-
}, style],
|
|
30
|
-
children: children
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_useCustomDimensions","_jsxRuntime","HEIGHT_OFFSET","ScrollView","children","style","disablePadding","props","padding","maxHeight","useCustomDimensions","jsx","bounces","fadingEdgeLength","paddingHorizontal","undefined"],"sourceRoot":"../../../../src","sources":["layout/wui-scrollview/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,oBAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAEtE;AACA,MAAMG,aAAa,GAAG,EAAE;AAMjB,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,cAAc;EAAE,GAAGC;AAAuB,CAAC,EAAE;EACzF,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAEpD,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAK,UAAY;IACXS,OAAO,EAAE,KAAM;IACfC,gBAAgB,EAAE,EAAG;IAAA,GACjBN,KAAK;IACTF,KAAK,EAAE,CACL;MACES,iBAAiB,EAAER,cAAc,GAAGS,SAAS,GAAGP,OAAO;MACvDC,SAAS,EAAEA,SAAS,GAAGP;IACzB,CAAC,EACDG,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACG,CAAC;AAEnB","ignoreList":[]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { ScrollView as RNScrollView } from 'react-native';
|
|
4
|
-
import { useCustomDimensions } from '../../hooks/useCustomDimensions';
|
|
5
|
-
|
|
6
|
-
// Header size
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
const HEIGHT_OFFSET = 50;
|
|
9
|
-
export function ScrollView({
|
|
10
|
-
children,
|
|
11
|
-
style,
|
|
12
|
-
disablePadding,
|
|
13
|
-
...props
|
|
14
|
-
}) {
|
|
15
|
-
const {
|
|
16
|
-
padding,
|
|
17
|
-
maxHeight
|
|
18
|
-
} = useCustomDimensions();
|
|
19
|
-
return /*#__PURE__*/_jsx(RNScrollView, {
|
|
20
|
-
bounces: false,
|
|
21
|
-
fadingEdgeLength: 20,
|
|
22
|
-
...props,
|
|
23
|
-
style: [{
|
|
24
|
-
paddingHorizontal: disablePadding ? undefined : padding,
|
|
25
|
-
maxHeight: maxHeight - HEIGHT_OFFSET
|
|
26
|
-
}, style],
|
|
27
|
-
children: children
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ScrollView","RNScrollView","useCustomDimensions","jsx","_jsx","HEIGHT_OFFSET","children","style","disablePadding","props","padding","maxHeight","bounces","fadingEdgeLength","paddingHorizontal","undefined"],"sourceRoot":"../../../../src","sources":["layout/wui-scrollview/index.tsx"],"mappings":";;AAAA,SACEA,UAAU,IAAIC,YAAY,QAErB,cAAc;AACrB,SAASC,mBAAmB,QAAQ,iCAAiC;;AAErE;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,aAAa,GAAG,EAAE;AAMxB,OAAO,SAASL,UAAUA,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAEC,cAAc;EAAE,GAAGC;AAAuB,CAAC,EAAE;EACzF,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EAEpD,oBACEE,IAAA,CAACH,YAAY;IACXW,OAAO,EAAE,KAAM;IACfC,gBAAgB,EAAE,EAAG;IAAA,GACjBJ,KAAK;IACTF,KAAK,EAAE,CACL;MACEO,iBAAiB,EAAEN,cAAc,GAAGO,SAAS,GAAGL,OAAO;MACvDC,SAAS,EAAEA,SAAS,GAAGN;IACzB,CAAC,EACDE,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACG,CAAC;AAEnB","ignoreList":[]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type ScrollViewProps as RNScrollViewProps } from 'react-native';
|
|
2
|
-
export type ScrollViewProps = RNScrollViewProps & {
|
|
3
|
-
disablePadding?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare function ScrollView({ children, style, disablePadding, ...props }: ScrollViewProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-scrollview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,IAAI,iBAAiB,EAC1C,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAmBxF"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ScrollView as RNScrollView,
|
|
3
|
-
type ScrollViewProps as RNScrollViewProps
|
|
4
|
-
} from 'react-native';
|
|
5
|
-
import { useCustomDimensions } from '../../hooks/useCustomDimensions';
|
|
6
|
-
|
|
7
|
-
// Header size
|
|
8
|
-
const HEIGHT_OFFSET = 50;
|
|
9
|
-
|
|
10
|
-
export type ScrollViewProps = RNScrollViewProps & {
|
|
11
|
-
disablePadding?: boolean;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export function ScrollView({ children, style, disablePadding, ...props }: ScrollViewProps) {
|
|
15
|
-
const { padding, maxHeight } = useCustomDimensions();
|
|
16
|
-
|
|
17
|
-
return (
|
|
18
|
-
<RNScrollView
|
|
19
|
-
bounces={false}
|
|
20
|
-
fadingEdgeLength={20}
|
|
21
|
-
{...props}
|
|
22
|
-
style={[
|
|
23
|
-
{
|
|
24
|
-
paddingHorizontal: disablePadding ? undefined : padding,
|
|
25
|
-
maxHeight: maxHeight - HEIGHT_OFFSET
|
|
26
|
-
},
|
|
27
|
-
style
|
|
28
|
-
]}
|
|
29
|
-
>
|
|
30
|
-
{children}
|
|
31
|
-
</RNScrollView>
|
|
32
|
-
);
|
|
33
|
-
}
|