@tecsinapse/react-native-kit 4.0.0-beta.1 → 4.0.0-beta.4

package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js

@@ -29,15 +29,6 @@ const ModalView = ({
   const translationCarrier = React.useRef(new reactNative.Animated.Value(0)).current;
   const opacityCarrier = React.useRef(new reactNative.Animated.Value(0)).current;
   const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;
-  const getKeyboardHeight = (keyboard) => {
-    if (keyboard === 0) return 0;
-    const wHeight = Math.ceil(reactNative.Dimensions.get("window").height);
-    const sHeight = Math.ceil(reactNative.Dimensions.get("screen").height);
-    if (wHeight !== sHeight) {
-      return keyboard + (sHeight - wHeight - (reactNative.StatusBar.currentHeight || 0));
-    }
-    return keyboard;
-  };
   const show = React.useCallback(() => {
     reactNative.Animated.sequence([
       reactNative.Animated.timing(backgroundCarrier, {
@@ -126,7 +117,6 @@ const ModalView = ({
     reactNative.Animated.View,
     {
       style: {
-        paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
         opacity: opacityCarrier,
         transform: [{ translateY: translationCarrier }]
       },

package/dist/esm/components/atoms/Modal/ui/BaseModalView.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BoxContent } from '@tecsinapse/react-core';
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { Animated, Easing, Keyboard, Pressable, Dimensions, StatusBar } from 'react-native';
+import { Animated, Easing, Keyboard, Pressable } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { StyledPressableBackDrop, BackDropView, CloseBar } from './styled.js';
 
@@ -27,15 +27,6 @@ const ModalView = ({
   const translationCarrier = useRef(new Animated.Value(0)).current;
   const opacityCarrier = useRef(new Animated.Value(0)).current;
   const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;
-  const getKeyboardHeight = (keyboard) => {
-    if (keyboard === 0) return 0;
-    const wHeight = Math.ceil(Dimensions.get("window").height);
-    const sHeight = Math.ceil(Dimensions.get("screen").height);
-    if (wHeight !== sHeight) {
-      return keyboard + (sHeight - wHeight - (StatusBar.currentHeight || 0));
-    }
-    return keyboard;
-  };
   const show = useCallback(() => {
     Animated.sequence([
       Animated.timing(backgroundCarrier, {
@@ -124,7 +115,6 @@ const ModalView = ({
     Animated.View,
     {
       style: {
-        paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
         opacity: opacityCarrier,
         transform: [{ translateY: translationCarrier }]
       },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "React Native components library",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.4",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@emotion/native": "~11.11.0",
     "@emotion/react": "~11.11.0",
-    "@tecsinapse/react-core": "4.0.0-beta.1",
+    "@tecsinapse/react-core": "4.0.0-beta.3",
     "react-native-linear-gradient": "~2.8.3"
   },
   "devDependencies": {
@@ -34,11 +34,11 @@
   },
   "homepage": "https://tecsinapse.github.io/design-system/",
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-native": ">=0.71.0",
+    "react": ">=18.2.0",
+    "react-native": ">=0.74.0",
     "react-native-linear-gradient": "^2.5.6",
     "react-native-safe-area-context": "^4.0.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "f97de0031d6675338f34599957eca61d3adc9d68"
+  "gitHead": "e992ef52e40c8e56841beb5fcba87b2183a13715"
 }