@reown/appkit-ui-react-native 0.0.0-fix-height-calc-20250815195135 → 0.0.0-fix-improvements-20250827190629
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 +25 -33
- package/lib/commonjs/components/wui-modal/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/styles.js +1 -8
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
- package/lib/commonjs/hooks/useCustomDimensions.js +12 -9
- package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-scrollview/index.js +33 -0
- package/lib/commonjs/layout/wui-scrollview/index.js.map +1 -0
- package/lib/module/components/wui-modal/index.js +27 -35
- package/lib/module/components/wui-modal/index.js.map +1 -1
- package/lib/module/components/wui-modal/styles.js +1 -8
- package/lib/module/components/wui-modal/styles.js.map +1 -1
- package/lib/module/hooks/useCustomDimensions.js +12 -9
- package/lib/module/hooks/useCustomDimensions.js.map +1 -1
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-scrollview/index.js +30 -0
- package/lib/module/layout/wui-scrollview/index.js.map +1 -0
- package/lib/typescript/components/wui-modal/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-modal/styles.d.ts +1 -8
- package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-scrollview/index.d.ts +6 -0
- package/lib/typescript/layout/wui-scrollview/index.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/components/wui-modal/index.tsx +22 -34
- package/src/components/wui-modal/styles.ts +1 -8
- package/src/hooks/useCustomDimensions.ts +13 -9
- package/src/index.ts +2 -0
- package/src/layout/wui-scrollview/index.tsx +33 -0
|
@@ -10,6 +10,7 @@ var _useTheme = require("../../hooks/useTheme");
|
|
|
10
10
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
|
|
13
14
|
function Modal({
|
|
14
15
|
visible,
|
|
15
16
|
onBackdropPress,
|
|
@@ -23,7 +24,6 @@ function Modal({
|
|
|
23
24
|
} = (0, _reactNative.useWindowDimensions)();
|
|
24
25
|
const backdropOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
25
26
|
const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(height)).current;
|
|
26
|
-
const [showBackdrop, setShowBackdrop] = (0, _react.useState)(false);
|
|
27
27
|
const [modalVisible, setModalVisible] = (0, _react.useState)(false);
|
|
28
28
|
const [contentHeight, setContentHeight] = (0, _react.useState)(0);
|
|
29
29
|
const onContentLayout = event => {
|
|
@@ -37,7 +37,6 @@ function Modal({
|
|
|
37
37
|
(0, _react.useEffect)(() => {
|
|
38
38
|
if (visible) {
|
|
39
39
|
setModalVisible(true);
|
|
40
|
-
setShowBackdrop(true);
|
|
41
40
|
}
|
|
42
41
|
}, [visible]);
|
|
43
42
|
|
|
@@ -57,9 +56,7 @@ function Modal({
|
|
|
57
56
|
duration: 250,
|
|
58
57
|
useNativeDriver: true
|
|
59
58
|
});
|
|
60
|
-
backdropAnimation.start(
|
|
61
|
-
setShowBackdrop(false);
|
|
62
|
-
});
|
|
59
|
+
backdropAnimation.start();
|
|
63
60
|
}
|
|
64
61
|
return () => {
|
|
65
62
|
backdropAnimation?.stop();
|
|
@@ -71,7 +68,7 @@ function Modal({
|
|
|
71
68
|
let modalAnimation;
|
|
72
69
|
if (visible && modalVisible) {
|
|
73
70
|
// Calculate the target position (screen height - card height)
|
|
74
|
-
const targetY = contentHeight > 0 ? height - contentHeight
|
|
71
|
+
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
75
72
|
|
|
76
73
|
modalAnimation = _reactNative.Animated.spring(translateY, {
|
|
77
74
|
toValue: targetY,
|
|
@@ -104,34 +101,29 @@ function Modal({
|
|
|
104
101
|
backdropOpacity.setValue(0);
|
|
105
102
|
}
|
|
106
103
|
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
107
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
108
|
-
|
|
109
|
-
|
|
104
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
|
|
105
|
+
visible: modalVisible,
|
|
106
|
+
transparent: true,
|
|
107
|
+
animationType: "none",
|
|
108
|
+
statusBarTranslucent: true,
|
|
109
|
+
onRequestClose: onRequestClose,
|
|
110
|
+
testID: testID,
|
|
111
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
|
|
112
|
+
style: [_styles.default.innerBackdropTouchable, {
|
|
110
113
|
opacity: backdropOpacity
|
|
111
|
-
}]
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
})
|
|
124
|
-
style: [_styles.default.modal, {
|
|
125
|
-
backgroundColor: Theme['bg-100'],
|
|
126
|
-
transform: [{
|
|
127
|
-
translateY
|
|
128
|
-
}]
|
|
129
|
-
}],
|
|
130
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
131
|
-
onLayout: onContentLayout,
|
|
132
|
-
children: children
|
|
133
|
-
})
|
|
134
|
-
})]
|
|
114
|
+
}],
|
|
115
|
+
onPress: onBackdropPress
|
|
116
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
117
|
+
style: [_styles.default.modal, {
|
|
118
|
+
backgroundColor: Theme['bg-100'],
|
|
119
|
+
transform: [{
|
|
120
|
+
translateY
|
|
121
|
+
}]
|
|
122
|
+
}],
|
|
123
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
124
|
+
onLayout: onContentLayout,
|
|
125
|
+
children: children
|
|
126
|
+
})
|
|
135
127
|
})]
|
|
136
128
|
});
|
|
137
129
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Modal","visible","onBackdropPress","onRequestClose","testID","children","Theme","useTheme","height","useWindowDimensions","backdropOpacity","useRef","
|
|
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","modalVisible","setModalVisible","useState","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","innerBackdropTouchable","opacity","onPress","View","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA8B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU9B,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAE9D,SAASC,KAAKA,CAAC;EAAEC,OAAO;EAAEC,eAAe;EAAEC,cAAc;EAAEC,MAAM;EAAEC;AAAqB,CAAC,EAAE;EAChG,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAExC,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAC,IAAId,qBAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC7D,MAAMC,UAAU,GAAG,IAAAH,aAAM,EAAC,IAAId,qBAAQ,CAACe,KAAK,CAACJ,MAAM,CAAC,CAAC,CAACK,OAAO;EAC7D,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EAErD,MAAMG,eAAe,GAAIC,KAAU,IAAK;IACtC,MAAM;MAAEb,MAAM,EAAEc;IAAe,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAE3DL,gBAAgB,CAACG,cAAc,GAAGd,MAAM,GAAGA,MAAM,GAAGc,cAAc,CAAC;EACrE,CAAC;;EAED;EACA,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAIxB,OAAO,EAAE;MACXe,eAAe,CAAC,IAAI,CAAC;IACvB;EACF,CAAC,EAAE,CAACf,OAAO,CAAC,CAAC;;EAEb;EACA,IAAAwB,gBAAS,EAAC,MAAM;IACd,IAAIC,iBAA8C;IAElD,IAAIzB,OAAO,EAAE;MACXyB,iBAAiB,GAAG7B,qBAAQ,CAAC8B,MAAM,CAACjB,eAAe,EAAE;QACnDkB,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC;MACFJ,iBAAiB,CAACK,KAAK,CAAC,CAAC;IAC3B,CAAC,MAAM,IAAIhB,YAAY,EAAE;MACvBW,iBAAiB,GAAG7B,qBAAQ,CAAC8B,MAAM,CAACjB,eAAe,EAAE;QACnDkB,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC;MACFJ,iBAAiB,CAACK,KAAK,CAAC,CAAC;IAC3B;IAEA,OAAO,MAAM;MACXL,iBAAiB,EAAEM,IAAI,CAAC,CAAC;IAC3B,CAAC;EACH,CAAC,EAAE,CAAC/B,OAAO,EAAEc,YAAY,EAAEL,eAAe,CAAC,CAAC;;EAE5C;EACA,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAIQ,cAA2C;IAE/C,IAAIhC,OAAO,IAAIc,YAAY,EAAE;MAC3B;MACA,MAAMmB,OAAO,GAAGhB,aAAa,GAAG,CAAC,GAAGV,MAAM,GAAGU,aAAa,GAAGV,MAAM,GAAG,GAAG,CAAC,CAAC;;MAE3EyB,cAAc,GAAGpC,qBAAQ,CAACsC,MAAM,CAACrB,UAAU,EAAE;QAC3Cc,OAAO,EAAEM,OAAO;QAChBE,OAAO,EAAE,EAAE;QACXC,SAAS,EAAE,GAAG;QACdC,IAAI,EAAE,CAAC;QACPR,eAAe,EAAE;MACnB,CAAC,CAAC;MACFG,cAAc,CAACF,KAAK,CAAC,CAAC;IACxB,CAAC,MAAM,IAAI,CAAC9B,OAAO,IAAIc,YAAY,EAAE;MACnC;MACAkB,cAAc,GAAGpC,qBAAQ,CAAC8B,MAAM,CAACb,UAAU,EAAE;QAC3Cc,OAAO,EAAEpB,MAAM;QACfqB,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC;MACFG,cAAc,CAACF,KAAK,CAAC,MAAM;QACzBf,eAAe,CAAC,KAAK,CAAC;MACxB,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXiB,cAAc,EAAED,IAAI,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,CAAC/B,OAAO,EAAEc,YAAY,EAAED,UAAU,EAAEN,MAAM,EAAEU,aAAa,CAAC,CAAC;;EAE9D;EACA,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,YAAY,EAAE;MACjBD,UAAU,CAACyB,QAAQ,CAAC/B,MAAM,CAAC;MAC3BE,eAAe,CAAC6B,QAAQ,CAAC,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAACxB,YAAY,EAAED,UAAU,EAAEJ,eAAe,EAAEF,MAAM,CAAC,CAAC;EAEvD,oBACE,IAAAhB,WAAA,CAAAgD,IAAA,EAACpD,YAAA,CAAAY,KAAO;IACNC,OAAO,EAAEc,YAAa;IACtB0B,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,oBAAoB;IACpBxC,cAAc,EAAEA,cAAe;IAC/BC,MAAM,EAAEA,MAAO;IAAAC,QAAA,gBAEf,IAAAb,WAAA,CAAAoD,GAAA,EAAChD,iBAAiB;MAChBiD,KAAK,EAAE,CAACC,eAAM,CAACC,sBAAsB,EAAE;QAAEC,OAAO,EAAEtC;MAAgB,CAAC,CAAE;MACrEuC,OAAO,EAAE/C;IAAgB,CAC1B,CAAC,eACF,IAAAV,WAAA,CAAAoD,GAAA,EAACxD,YAAA,CAAAS,QAAQ,CAACqD,IAAI;MACZL,KAAK,EAAE,CAACC,eAAM,CAACK,KAAK,EAAE;QAAEC,eAAe,EAAE9C,KAAK,CAAC,QAAQ,CAAC;QAAE+C,SAAS,EAAE,CAAC;UAAEvC;QAAW,CAAC;MAAE,CAAC,CAAE;MAAAT,QAAA,eAEzF,IAAAb,WAAA,CAAAoD,GAAA,EAACxD,YAAA,CAAAS,QAAQ,CAACqD,IAAI;QAACI,QAAQ,EAAElC,eAAgB;QAAAf,QAAA,EAAEA;MAAQ,CAAgB;IAAC,CACvD,CAAC;EAAA,CACT,CAAC;AAEd","ignoreList":[]}
|
|
@@ -7,15 +7,8 @@ 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
|
-
outerBackdrop: {
|
|
11
|
-
position: 'absolute',
|
|
12
|
-
top: 0,
|
|
13
|
-
left: 0,
|
|
14
|
-
right: 0,
|
|
15
|
-
bottom: 0,
|
|
16
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
17
|
-
},
|
|
18
10
|
innerBackdropTouchable: {
|
|
11
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
19
12
|
flexGrow: 1
|
|
20
13
|
},
|
|
21
14
|
modal: {
|
|
@@ -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","innerBackdropTouchable","backgroundColor","flexGrow","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,sBAAsB,EAAE;IACtBC,eAAe,EAAE,oBAAoB;IACrCC,QAAQ,EAAE;EACZ,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,23 +11,26 @@ 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
|
|
14
|
+
const OFFSET_PERCENTAGE = 0.9;
|
|
15
|
+
const getMaxSize = value => {
|
|
16
|
+
return value * OFFSET_PERCENTAGE;
|
|
17
|
+
};
|
|
18
|
+
const checkPortrait = (width, height) => {
|
|
19
|
+
return height > width;
|
|
17
20
|
};
|
|
18
21
|
function useCustomDimensions() {
|
|
19
22
|
const {
|
|
20
23
|
width,
|
|
21
24
|
height
|
|
22
25
|
} = (0, _reactNative.useWindowDimensions)();
|
|
23
|
-
const [maxWidth, setMaxWidth] = (0, _react.useState)(
|
|
24
|
-
const [maxHeight, setMaxHeight] = (0, _react.useState)(
|
|
25
|
-
const [isPortrait, setIsPortrait] = (0, _react.useState)(height
|
|
26
|
+
const [maxWidth, setMaxWidth] = (0, _react.useState)(getMaxSize(width));
|
|
27
|
+
const [maxHeight, setMaxHeight] = (0, _react.useState)(getMaxSize(height));
|
|
28
|
+
const [isPortrait, setIsPortrait] = (0, _react.useState)(checkPortrait(width, height));
|
|
26
29
|
const [padding, setPadding] = (0, _react.useState)(0);
|
|
27
30
|
(0, _react.useEffect)(() => {
|
|
28
|
-
setMaxWidth(
|
|
29
|
-
setMaxHeight(
|
|
30
|
-
setIsPortrait(height
|
|
31
|
+
setMaxWidth(getMaxSize(width));
|
|
32
|
+
setMaxHeight(getMaxSize(height));
|
|
33
|
+
setIsPortrait(checkPortrait(width, height));
|
|
31
34
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
32
35
|
}, [width, height]);
|
|
33
36
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","OFFSET_PERCENTAGE","getMaxSize","value","checkPortrait","width","height","useCustomDimensions","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,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,UAAU,GAAIC,KAAa,IAAK;EACpC,OAAOA,KAAK,GAAGF,iBAAiB;AAClC,CAAC;AAED,MAAMG,aAAa,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EACvD,OAAOA,MAAM,GAAGD,KAAK;AACvB,CAAC;AAEM,SAASE,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEF,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAE,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAST,UAAU,CAACG,KAAK,CAAC,CAAC;EACnE,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAST,UAAU,CAACI,MAAM,CAAC,CAAC;EACtE,MAAM,CAACQ,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAUP,aAAa,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;EACnF,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAN,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAO,gBAAS,EAAC,MAAM;IACdR,WAAW,CAACR,UAAU,CAACG,KAAK,CAAC,CAAC;IAC9BQ,YAAY,CAACX,UAAU,CAACI,MAAM,CAAC,CAAC;IAChCS,aAAa,CAACX,aAAa,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;IAC3CW,UAAU,CAACZ,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEG,QAAQ;IAAEG,SAAS;IAAEE,UAAU;IAAEK,WAAW,EAAE,CAACL,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -291,6 +291,12 @@ 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
|
+
});
|
|
294
300
|
Object.defineProperty(exports, "SearchBar", {
|
|
295
301
|
enumerable: true,
|
|
296
302
|
get: function () {
|
|
@@ -457,6 +463,7 @@ var _wuiToggle = require("./composites/wui-toggle");
|
|
|
457
463
|
var _wuiTokenButton = require("./composites/wui-token-button");
|
|
458
464
|
var _wuiTooltip = require("./composites/wui-tooltip");
|
|
459
465
|
var _wuiWalletImage = require("./composites/wui-wallet-image");
|
|
466
|
+
var _wuiScrollview = require("./layout/wui-scrollview");
|
|
460
467
|
var _wuiOverlay = require("./layout/wui-overlay");
|
|
461
468
|
var _wuiFlex = require("./layout/wui-flex");
|
|
462
469
|
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","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_TransactionUtil","_ThemeUtil","_useTheme","_ThemeContext","_useAnimatedValue","_useCustomDimensions"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"
|
|
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","_wuiScrollview","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_TransactionUtil","_ThemeUtil","_useTheme","_ThemeContext","_useAnimatedValue","_useCustomDimensions"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { useWindowDimensions, Modal as RNModal,
|
|
4
|
+
import { useWindowDimensions, Modal as RNModal, Animated, Pressable } from 'react-native';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import styles from './styles';
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
8
9
|
export function Modal({
|
|
9
10
|
visible,
|
|
10
11
|
onBackdropPress,
|
|
@@ -18,7 +19,6 @@ export function Modal({
|
|
|
18
19
|
} = useWindowDimensions();
|
|
19
20
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
20
21
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
21
|
-
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
22
22
|
const [modalVisible, setModalVisible] = useState(false);
|
|
23
23
|
const [contentHeight, setContentHeight] = useState(0);
|
|
24
24
|
const onContentLayout = event => {
|
|
@@ -32,7 +32,6 @@ export function Modal({
|
|
|
32
32
|
useEffect(() => {
|
|
33
33
|
if (visible) {
|
|
34
34
|
setModalVisible(true);
|
|
35
|
-
setShowBackdrop(true);
|
|
36
35
|
}
|
|
37
36
|
}, [visible]);
|
|
38
37
|
|
|
@@ -52,9 +51,7 @@ export function Modal({
|
|
|
52
51
|
duration: 250,
|
|
53
52
|
useNativeDriver: true
|
|
54
53
|
});
|
|
55
|
-
backdropAnimation.start(
|
|
56
|
-
setShowBackdrop(false);
|
|
57
|
-
});
|
|
54
|
+
backdropAnimation.start();
|
|
58
55
|
}
|
|
59
56
|
return () => {
|
|
60
57
|
backdropAnimation?.stop();
|
|
@@ -66,7 +63,7 @@ export function Modal({
|
|
|
66
63
|
let modalAnimation;
|
|
67
64
|
if (visible && modalVisible) {
|
|
68
65
|
// Calculate the target position (screen height - card height)
|
|
69
|
-
const targetY = contentHeight > 0 ? height - contentHeight
|
|
66
|
+
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
70
67
|
|
|
71
68
|
modalAnimation = Animated.spring(translateY, {
|
|
72
69
|
toValue: targetY,
|
|
@@ -99,34 +96,29 @@ export function Modal({
|
|
|
99
96
|
backdropOpacity.setValue(0);
|
|
100
97
|
}
|
|
101
98
|
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
102
|
-
return /*#__PURE__*/_jsxs(
|
|
103
|
-
|
|
104
|
-
|
|
99
|
+
return /*#__PURE__*/_jsxs(RNModal, {
|
|
100
|
+
visible: modalVisible,
|
|
101
|
+
transparent: true,
|
|
102
|
+
animationType: "none",
|
|
103
|
+
statusBarTranslucent: true,
|
|
104
|
+
onRequestClose: onRequestClose,
|
|
105
|
+
testID: testID,
|
|
106
|
+
children: [/*#__PURE__*/_jsx(AnimatedPressable, {
|
|
107
|
+
style: [styles.innerBackdropTouchable, {
|
|
105
108
|
opacity: backdropOpacity
|
|
106
|
-
}]
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
})
|
|
119
|
-
style: [styles.modal, {
|
|
120
|
-
backgroundColor: Theme['bg-100'],
|
|
121
|
-
transform: [{
|
|
122
|
-
translateY
|
|
123
|
-
}]
|
|
124
|
-
}],
|
|
125
|
-
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
126
|
-
onLayout: onContentLayout,
|
|
127
|
-
children: children
|
|
128
|
-
})
|
|
129
|
-
})]
|
|
109
|
+
}],
|
|
110
|
+
onPress: onBackdropPress
|
|
111
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
112
|
+
style: [styles.modal, {
|
|
113
|
+
backgroundColor: Theme['bg-100'],
|
|
114
|
+
transform: [{
|
|
115
|
+
translateY
|
|
116
|
+
}]
|
|
117
|
+
}],
|
|
118
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
119
|
+
onLayout: onContentLayout,
|
|
120
|
+
children: children
|
|
121
|
+
})
|
|
130
122
|
})]
|
|
131
123
|
});
|
|
132
124
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","
|
|
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","innerBackdropTouchable","opacity","onPress","View","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,15 +3,8 @@
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
4
|
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
|
-
outerBackdrop: {
|
|
7
|
-
position: 'absolute',
|
|
8
|
-
top: 0,
|
|
9
|
-
left: 0,
|
|
10
|
-
right: 0,
|
|
11
|
-
bottom: 0,
|
|
12
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
13
|
-
},
|
|
14
6
|
innerBackdropTouchable: {
|
|
7
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
15
8
|
flexGrow: 1
|
|
16
9
|
},
|
|
17
10
|
modal: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","create","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","create","innerBackdropTouchable","backgroundColor","flexGrow","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,sBAAsB,EAAE;IACtBC,eAAe,EAAE,oBAAoB;IACrCC,QAAQ,EAAE;EACZ,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":[]}
|
|
@@ -8,23 +8,26 @@ import { useWindowDimensions } from 'react-native';
|
|
|
8
8
|
* @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
return
|
|
11
|
+
const OFFSET_PERCENTAGE = 0.9;
|
|
12
|
+
const getMaxSize = value => {
|
|
13
|
+
return value * OFFSET_PERCENTAGE;
|
|
14
|
+
};
|
|
15
|
+
const checkPortrait = (width, height) => {
|
|
16
|
+
return height > width;
|
|
14
17
|
};
|
|
15
18
|
export function useCustomDimensions() {
|
|
16
19
|
const {
|
|
17
20
|
width,
|
|
18
21
|
height
|
|
19
22
|
} = useWindowDimensions();
|
|
20
|
-
const [maxWidth, setMaxWidth] = useState(
|
|
21
|
-
const [maxHeight, setMaxHeight] = useState(
|
|
22
|
-
const [isPortrait, setIsPortrait] = useState(height
|
|
23
|
+
const [maxWidth, setMaxWidth] = useState(getMaxSize(width));
|
|
24
|
+
const [maxHeight, setMaxHeight] = useState(getMaxSize(height));
|
|
25
|
+
const [isPortrait, setIsPortrait] = useState(checkPortrait(width, height));
|
|
23
26
|
const [padding, setPadding] = useState(0);
|
|
24
27
|
useEffect(() => {
|
|
25
|
-
setMaxWidth(
|
|
26
|
-
setMaxHeight(
|
|
27
|
-
setIsPortrait(height
|
|
28
|
+
setMaxWidth(getMaxSize(width));
|
|
29
|
+
setMaxHeight(getMaxSize(height));
|
|
30
|
+
setIsPortrait(checkPortrait(width, height));
|
|
28
31
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
29
32
|
}, [width, height]);
|
|
30
33
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","useWindowDimensions","
|
|
1
|
+
{"version":3,"names":["useState","useEffect","useWindowDimensions","OFFSET_PERCENTAGE","getMaxSize","value","checkPortrait","width","height","useCustomDimensions","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,mBAAmB,QAAQ,cAAc;;AAElD;AACA;AACA;AACA;;AAUA,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,UAAU,GAAIC,KAAa,IAAK;EACpC,OAAOA,KAAK,GAAGF,iBAAiB;AAClC,CAAC;AAED,MAAMG,aAAa,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EACvD,OAAOA,MAAM,GAAGD,KAAK;AACvB,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEF,KAAK;IAAEC;EAAO,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAC/C,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAASI,UAAU,CAACG,KAAK,CAAC,CAAC;EACnE,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAASI,UAAU,CAACI,MAAM,CAAC,CAAC;EACtE,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGf,QAAQ,CAAUM,aAAa,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;EACnF,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGjB,QAAQ,CAAS,CAAC,CAAC;EAEjDC,SAAS,CAAC,MAAM;IACdU,WAAW,CAACP,UAAU,CAACG,KAAK,CAAC,CAAC;IAC9BM,YAAY,CAACT,UAAU,CAACI,MAAM,CAAC,CAAC;IAChCO,aAAa,CAACT,aAAa,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;IAC3CS,UAAU,CAACV,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEE,QAAQ;IAAEE,SAAS;IAAEE,UAAU;IAAEI,WAAW,EAAE,CAACJ,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -55,6 +55,9 @@ 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';
|
|
58
61
|
export { Overlay } from './layout/wui-overlay';
|
|
59
62
|
export { FlexView } from './layout/wui-flex';
|
|
60
63
|
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","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;
|
|
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","ScrollView","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;AACA,SAASC,UAAU,QAAQ,yBAAyB;AACpD,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":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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 +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,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,2CA4G/F"}
|
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
-
outerBackdrop: {
|
|
3
|
-
position: "absolute";
|
|
4
|
-
top: number;
|
|
5
|
-
left: number;
|
|
6
|
-
right: number;
|
|
7
|
-
bottom: number;
|
|
8
|
-
backgroundColor: string;
|
|
9
|
-
};
|
|
10
2
|
innerBackdropTouchable: {
|
|
3
|
+
backgroundColor: string;
|
|
11
4
|
flexGrow: number;
|
|
12
5
|
};
|
|
13
6
|
modal: {
|
|
@@ -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,wBAcG"}
|
|
@@ -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;AAYF,wBAAgB,mBAAmB,IAAI,oBAAoB,CAe1D"}
|
|
@@ -52,6 +52,8 @@ 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';
|
|
55
57
|
export { Overlay, type OverlayProps } from './layout/wui-overlay';
|
|
56
58
|
export { FlexView, type FlexViewProps } from './layout/wui-flex';
|
|
57
59
|
export { Separator } from './layout/wui-separator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
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-improvements-20250827190629",
|
|
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-improvements-20250827190629",
|
|
43
43
|
"polished": "4.3.1",
|
|
44
44
|
"qrcode": "1.5.3"
|
|
45
45
|
},
|
|
@@ -3,9 +3,8 @@ import {
|
|
|
3
3
|
useWindowDimensions,
|
|
4
4
|
Modal as RNModal,
|
|
5
5
|
type ModalProps as RNModalProps,
|
|
6
|
-
TouchableOpacity,
|
|
7
6
|
Animated,
|
|
8
|
-
|
|
7
|
+
Pressable
|
|
9
8
|
} from 'react-native';
|
|
10
9
|
import { useTheme } from '../../hooks/useTheme';
|
|
11
10
|
import styles from './styles';
|
|
@@ -18,13 +17,14 @@ export type ModalProps = Pick<
|
|
|
18
17
|
onBackdropPress?: () => void;
|
|
19
18
|
};
|
|
20
19
|
|
|
20
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
21
|
+
|
|
21
22
|
export function Modal({ visible, onBackdropPress, onRequestClose, testID, children }: ModalProps) {
|
|
22
23
|
const Theme = useTheme();
|
|
23
24
|
const { height } = useWindowDimensions();
|
|
24
25
|
|
|
25
26
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
26
27
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
27
|
-
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
28
28
|
const [modalVisible, setModalVisible] = useState(false);
|
|
29
29
|
const [contentHeight, setContentHeight] = useState(0);
|
|
30
30
|
|
|
@@ -38,7 +38,6 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
38
38
|
useEffect(() => {
|
|
39
39
|
if (visible) {
|
|
40
40
|
setModalVisible(true);
|
|
41
|
-
setShowBackdrop(true);
|
|
42
41
|
}
|
|
43
42
|
}, [visible]);
|
|
44
43
|
|
|
@@ -59,9 +58,7 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
59
58
|
duration: 250,
|
|
60
59
|
useNativeDriver: true
|
|
61
60
|
});
|
|
62
|
-
backdropAnimation.start(
|
|
63
|
-
setShowBackdrop(false);
|
|
64
|
-
});
|
|
61
|
+
backdropAnimation.start();
|
|
65
62
|
}
|
|
66
63
|
|
|
67
64
|
return () => {
|
|
@@ -75,8 +72,7 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
75
72
|
|
|
76
73
|
if (visible && modalVisible) {
|
|
77
74
|
// Calculate the target position (screen height - card height)
|
|
78
|
-
const targetY =
|
|
79
|
-
contentHeight > 0 ? height - contentHeight + (StatusBar.currentHeight ?? 0) : height * 0.2; // fallback to 20% from bottom
|
|
75
|
+
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
80
76
|
|
|
81
77
|
modalAnimation = Animated.spring(translateY, {
|
|
82
78
|
toValue: targetY,
|
|
@@ -112,31 +108,23 @@ export function Modal({ visible, onBackdropPress, onRequestClose, testID, childr
|
|
|
112
108
|
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
113
109
|
|
|
114
110
|
return (
|
|
115
|
-
|
|
116
|
-
{
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
111
|
+
<RNModal
|
|
112
|
+
visible={modalVisible}
|
|
113
|
+
transparent
|
|
114
|
+
animationType="none"
|
|
115
|
+
statusBarTranslucent
|
|
116
|
+
onRequestClose={onRequestClose}
|
|
117
|
+
testID={testID}
|
|
118
|
+
>
|
|
119
|
+
<AnimatedPressable
|
|
120
|
+
style={[styles.innerBackdropTouchable, { opacity: backdropOpacity }]}
|
|
121
|
+
onPress={onBackdropPress}
|
|
122
|
+
/>
|
|
123
|
+
<Animated.View
|
|
124
|
+
style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
|
|
126
125
|
>
|
|
127
|
-
{
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
activeOpacity={1}
|
|
131
|
-
onPress={onBackdropPress}
|
|
132
|
-
/>
|
|
133
|
-
) : null}
|
|
134
|
-
<Animated.View
|
|
135
|
-
style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
|
|
136
|
-
>
|
|
137
|
-
<Animated.View onLayout={onContentLayout}>{children}</Animated.View>
|
|
138
|
-
</Animated.View>
|
|
139
|
-
</RNModal>
|
|
140
|
-
</>
|
|
126
|
+
<Animated.View onLayout={onContentLayout}>{children}</Animated.View>
|
|
127
|
+
</Animated.View>
|
|
128
|
+
</RNModal>
|
|
141
129
|
);
|
|
142
130
|
}
|
|
@@ -2,15 +2,8 @@ import { StyleSheet } from 'react-native';
|
|
|
2
2
|
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
3
3
|
|
|
4
4
|
export default StyleSheet.create({
|
|
5
|
-
outerBackdrop: {
|
|
6
|
-
position: 'absolute',
|
|
7
|
-
top: 0,
|
|
8
|
-
left: 0,
|
|
9
|
-
right: 0,
|
|
10
|
-
bottom: 0,
|
|
11
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
12
|
-
},
|
|
13
5
|
innerBackdropTouchable: {
|
|
6
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
14
7
|
flexGrow: 1
|
|
15
8
|
},
|
|
16
9
|
modal: {
|
|
@@ -14,23 +14,27 @@ type CustomDimensionsType = {
|
|
|
14
14
|
padding: number;
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
const
|
|
17
|
+
const OFFSET_PERCENTAGE = 0.9;
|
|
18
18
|
|
|
19
|
-
const
|
|
20
|
-
return
|
|
19
|
+
const getMaxSize = (value: number) => {
|
|
20
|
+
return value * OFFSET_PERCENTAGE;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const checkPortrait = (width: number, height: number) => {
|
|
24
|
+
return height > width;
|
|
21
25
|
};
|
|
22
26
|
|
|
23
27
|
export function useCustomDimensions(): CustomDimensionsType {
|
|
24
28
|
const { width, height } = useWindowDimensions();
|
|
25
|
-
const [maxWidth, setMaxWidth] = useState<number>(
|
|
26
|
-
const [maxHeight, setMaxHeight] = useState<number>(
|
|
27
|
-
const [isPortrait, setIsPortrait] = useState<boolean>(height
|
|
29
|
+
const [maxWidth, setMaxWidth] = useState<number>(getMaxSize(width));
|
|
30
|
+
const [maxHeight, setMaxHeight] = useState<number>(getMaxSize(height));
|
|
31
|
+
const [isPortrait, setIsPortrait] = useState<boolean>(checkPortrait(width, height));
|
|
28
32
|
const [padding, setPadding] = useState<number>(0);
|
|
29
33
|
|
|
30
34
|
useEffect(() => {
|
|
31
|
-
setMaxWidth(
|
|
32
|
-
setMaxHeight(
|
|
33
|
-
setIsPortrait(height
|
|
35
|
+
setMaxWidth(getMaxSize(width));
|
|
36
|
+
setMaxHeight(getMaxSize(height));
|
|
37
|
+
setIsPortrait(checkPortrait(width, height));
|
|
34
38
|
setPadding(width < height ? 0 : (width - height) / 2);
|
|
35
39
|
}, [width, height]);
|
|
36
40
|
|
package/src/index.ts
CHANGED
|
@@ -66,6 +66,8 @@ 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';
|
|
69
71
|
export { Overlay, type OverlayProps } from './layout/wui-overlay';
|
|
70
72
|
export { FlexView, type FlexViewProps } from './layout/wui-flex';
|
|
71
73
|
export { Separator } from './layout/wui-separator';
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
+
}
|