@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.
Files changed (34) hide show
  1. package/lib/commonjs/components/wui-modal/index.js +25 -33
  2. package/lib/commonjs/components/wui-modal/index.js.map +1 -1
  3. package/lib/commonjs/components/wui-modal/styles.js +1 -8
  4. package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
  5. package/lib/commonjs/hooks/useCustomDimensions.js +12 -9
  6. package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -1
  7. package/lib/commonjs/index.js +7 -0
  8. package/lib/commonjs/index.js.map +1 -1
  9. package/lib/commonjs/layout/wui-scrollview/index.js +33 -0
  10. package/lib/commonjs/layout/wui-scrollview/index.js.map +1 -0
  11. package/lib/module/components/wui-modal/index.js +27 -35
  12. package/lib/module/components/wui-modal/index.js.map +1 -1
  13. package/lib/module/components/wui-modal/styles.js +1 -8
  14. package/lib/module/components/wui-modal/styles.js.map +1 -1
  15. package/lib/module/hooks/useCustomDimensions.js +12 -9
  16. package/lib/module/hooks/useCustomDimensions.js.map +1 -1
  17. package/lib/module/index.js +3 -0
  18. package/lib/module/index.js.map +1 -1
  19. package/lib/module/layout/wui-scrollview/index.js +30 -0
  20. package/lib/module/layout/wui-scrollview/index.js.map +1 -0
  21. package/lib/typescript/components/wui-modal/index.d.ts.map +1 -1
  22. package/lib/typescript/components/wui-modal/styles.d.ts +1 -8
  23. package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
  24. package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -1
  25. package/lib/typescript/index.d.ts +2 -0
  26. package/lib/typescript/index.d.ts.map +1 -1
  27. package/lib/typescript/layout/wui-scrollview/index.d.ts +6 -0
  28. package/lib/typescript/layout/wui-scrollview/index.d.ts.map +1 -0
  29. package/package.json +2 -2
  30. package/src/components/wui-modal/index.tsx +22 -34
  31. package/src/components/wui-modal/styles.ts +1 -8
  32. package/src/hooks/useCustomDimensions.ts +13 -9
  33. package/src/index.ts +2 -0
  34. 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 + (_reactNative.StatusBar.currentHeight ?? 0) : height * 0.2; // fallback to 20% from bottom
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)(_jsxRuntime.Fragment, {
108
- children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
109
- style: [_styles.default.outerBackdrop, {
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
- }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
113
- visible: modalVisible,
114
- transparent: true,
115
- animationType: "none",
116
- statusBarTranslucent: true,
117
- onRequestClose: onRequestClose,
118
- testID: testID,
119
- children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
120
- style: _styles.default.innerBackdropTouchable,
121
- activeOpacity: 1,
122
- onPress: onBackdropPress
123
- }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
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","Animated","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","StatusBar","currentHeight","spring","damping","stiffness","mass","setValue","jsxs","Fragment","jsx","View","style","styles","outerBackdrop","opacity","transparent","animationType","statusBarTranslucent","TouchableOpacity","innerBackdropTouchable","activeOpacity","onPress","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
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":"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","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","outerBackdrop","position","top","left","right","bottom","backgroundColor","innerBackdropTouchable","flexGrow","modal","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius"],"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,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,sBAAsB,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,mBAAmB,EAAEC,uBAAY,CAACC,CAAC;IACnCC,oBAAoB,EAAEF,uBAAY,CAACC,CAAC;IACpCX,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
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 MAX_HEIGHT_PERCENTAGE = 0.9;
15
- const getMaxHeight = (width, height) => {
16
- return Math.max(width, height) * MAX_HEIGHT_PERCENTAGE;
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)(Math.min(width, height));
24
- const [maxHeight, setMaxHeight] = (0, _react.useState)(getMaxHeight(width, height));
25
- const [isPortrait, setIsPortrait] = (0, _react.useState)(height > width);
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(Math.min(width, height));
29
- setMaxHeight(getMaxHeight(width, height));
30
- setIsPortrait(height > width);
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","MAX_HEIGHT_PERCENTAGE","getMaxHeight","width","height","Math","max","useCustomDimensions","useWindowDimensions","maxWidth","setMaxWidth","useState","min","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,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EACtD,OAAOC,IAAI,CAACC,GAAG,CAACH,KAAK,EAAEC,MAAM,CAAC,GAAGH,qBAAqB;AACxD,CAAC;AAEM,SAASM,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEJ,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAI,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAASN,IAAI,CAACO,GAAG,CAACT,KAAK,EAAEC,MAAM,CAAC,CAAC;EACzE,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAH,eAAQ,EAAST,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;EAC/E,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAL,eAAQ,EAAUP,MAAM,GAAGD,KAAK,CAAC;EACrE,MAAM,CAACc,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAP,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAQ,gBAAS,EAAC,MAAM;IACdT,WAAW,CAACL,IAAI,CAACO,GAAG,CAACT,KAAK,EAAEC,MAAM,CAAC,CAAC;IACpCU,YAAY,CAACZ,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;IACzCY,aAAa,CAACZ,MAAM,GAAGD,KAAK,CAAC;IAC7Be,UAAU,CAACf,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEK,QAAQ;IAAEI,SAAS;IAAEE,UAAU;IAAEK,WAAW,EAAE,CAACL,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
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":[]}
@@ -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":"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","ignoreList":[]}
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, TouchableOpacity, Animated, StatusBar } from 'react-native';
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, Fragment as _Fragment } from "react/jsx-runtime";
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 + (StatusBar.currentHeight ?? 0) : height * 0.2; // fallback to 20% from bottom
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(_Fragment, {
103
- children: [showBackdrop ? /*#__PURE__*/_jsx(Animated.View, {
104
- style: [styles.outerBackdrop, {
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
- }) : null, /*#__PURE__*/_jsxs(RNModal, {
108
- visible: modalVisible,
109
- transparent: true,
110
- animationType: "none",
111
- statusBarTranslucent: true,
112
- onRequestClose: onRequestClose,
113
- testID: testID,
114
- children: [showBackdrop ? /*#__PURE__*/_jsx(TouchableOpacity, {
115
- style: styles.innerBackdropTouchable,
116
- activeOpacity: 1,
117
- onPress: onBackdropPress
118
- }) : null, /*#__PURE__*/_jsx(Animated.View, {
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","TouchableOpacity","Animated","StatusBar","useTheme","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","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","currentHeight","spring","damping","stiffness","mass","setValue","View","style","outerBackdrop","opacity","transparent","animationType","statusBarTranslucent","innerBackdropTouchable","activeOpacity","onPress","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
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","outerBackdrop","position","top","left","right","bottom","backgroundColor","innerBackdropTouchable","flexGrow","modal","borderTopLeftRadius","l","borderTopRightRadius"],"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,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,sBAAsB,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,mBAAmB,EAAEZ,YAAY,CAACa,CAAC;IACnCC,oBAAoB,EAAEd,YAAY,CAACa,CAAC;IACpCV,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
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 MAX_HEIGHT_PERCENTAGE = 0.9;
12
- const getMaxHeight = (width, height) => {
13
- return Math.max(width, height) * MAX_HEIGHT_PERCENTAGE;
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(Math.min(width, height));
21
- const [maxHeight, setMaxHeight] = useState(getMaxHeight(width, height));
22
- const [isPortrait, setIsPortrait] = useState(height > width);
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(Math.min(width, height));
26
- setMaxHeight(getMaxHeight(width, height));
27
- setIsPortrait(height > width);
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","MAX_HEIGHT_PERCENTAGE","getMaxHeight","width","height","Math","max","useCustomDimensions","maxWidth","setMaxWidth","min","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,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,YAAY,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EACtD,OAAOC,IAAI,CAACC,GAAG,CAACH,KAAK,EAAEC,MAAM,CAAC,GAAGH,qBAAqB;AACxD,CAAC;AAED,OAAO,SAASM,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEJ,KAAK;IAAEC;EAAO,CAAC,GAAGJ,mBAAmB,CAAC,CAAC;EAC/C,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGX,QAAQ,CAASO,IAAI,CAACK,GAAG,CAACP,KAAK,EAAEC,MAAM,CAAC,CAAC;EACzE,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAASI,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;EAC/E,MAAM,CAACS,UAAU,EAAEC,aAAa,CAAC,GAAGhB,QAAQ,CAAUM,MAAM,GAAGD,KAAK,CAAC;EACrE,MAAM,CAACY,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAS,CAAC,CAAC;EAEjDC,SAAS,CAAC,MAAM;IACdU,WAAW,CAACJ,IAAI,CAACK,GAAG,CAACP,KAAK,EAAEC,MAAM,CAAC,CAAC;IACpCQ,YAAY,CAACV,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;IACzCU,aAAa,CAACV,MAAM,GAAGD,KAAK,CAAC;IAC7Ba,UAAU,CAACb,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEI,QAAQ;IAAEG,SAAS;IAAEE,UAAU;IAAEI,WAAW,EAAE,CAACJ,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
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":[]}
@@ -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';
@@ -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;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
+ {"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,EAIhC,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,YAAY,EACZ,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,gBAAgB,CACtD,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAyH/F"}
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":";;;;;;;;;;;;;;;;;;;;;;AAGA,wBAqBG"}
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;AAQF,wBAAgB,mBAAmB,IAAI,oBAAoB,CAe1D"}
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-height-calc-20250815195135",
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-height-calc-20250815195135",
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
- StatusBar
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
- {showBackdrop ? (
117
- <Animated.View style={[styles.outerBackdrop, { opacity: backdropOpacity }]} />
118
- ) : null}
119
- <RNModal
120
- visible={modalVisible}
121
- transparent
122
- animationType="none"
123
- statusBarTranslucent
124
- onRequestClose={onRequestClose}
125
- testID={testID}
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
- {showBackdrop ? (
128
- <TouchableOpacity
129
- style={styles.innerBackdropTouchable}
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 MAX_HEIGHT_PERCENTAGE = 0.9;
17
+ const OFFSET_PERCENTAGE = 0.9;
18
18
 
19
- const getMaxHeight = (width: number, height: number) => {
20
- return Math.max(width, height) * MAX_HEIGHT_PERCENTAGE;
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>(Math.min(width, height));
26
- const [maxHeight, setMaxHeight] = useState<number>(getMaxHeight(width, height));
27
- const [isPortrait, setIsPortrait] = useState<boolean>(height > width);
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(Math.min(width, height));
32
- setMaxHeight(getMaxHeight(width, height));
33
- setIsPortrait(height > width);
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
+ }