react-native-in-app-debugger 1.0.45 → 1.0.47

package/index.jsx

@@ -57,7 +57,8 @@ export default ({
   version = v,
   maxNumOfApiToStore = 0,
   labels = [],
-  interceptResponse
+  interceptResponse,
+  tabs = [],
 }) => {
   const [blacklists, setB] = useState([]);
 
@@ -116,6 +117,8 @@ export default ({
     setIsOpen,
     shouldShowDetails,
   } = useAnimation(badgeHeight);
+
+  const CustomTabComponent = tabs.find(t => tab === t.title)?.component;
   return (
     <Animated.View
       style={{
@@ -163,7 +166,7 @@ export default ({
           <View style={{ flexDirection: "row", padding: 5 }}>
             <View style={{ flex: 1, flexDirection: "row" }}>
               {!!variables &&
-                ["api", "variables"].map((t) => {
+                ["api", "variables", ...tabs.map(t => t.title)].map((t) => {
                   const isSelected = t === tab;
                   return (
                     <TouchableOpacity
@@ -200,6 +203,7 @@ export default ({
               {...restApiInterceptor}
             />
           )}
+          {!!CustomTabComponent && <CustomTabComponent />}
         </SafeAreaView>
       )}
     </Animated.View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.",
   "main": "index.jsx",
   "scripts": {

package/useAnimation.ts

@@ -9,7 +9,7 @@ const touchThreshold = 10;
 export default (defaultBadgeHeight) => {
   const cachePosition = useRef({ x: 0, y: 50 });
   const position = useRef<any>(new Animated.ValueXY(cachePosition.current)).current;
-  const borderRadius = useRef(new Animated.Value(defaultBorderRadius)).current;
+  // const borderRadius = useRef(new Animated.Value(defaultBorderRadius)).current;
   const badgeHeight = useRef(new Animated.Value(defaultBadgeHeight)).current;
   const badgeWidth = useRef(new Animated.Value(defaultBadgeWidth)).current;
   const { width, height } = useWindowDimensions();
@@ -59,7 +59,7 @@ export default (defaultBadgeHeight) => {
   useEffect(() => {
     setTimeout(() => setShouldShowDetails(isOpen), isOpen ? 200 : 0);
     Animated.spring(position, { toValue: isOpen ? { x: 0, y: 0 } : cachePosition.current, ...und }).start();
-    Animated.spring(borderRadius, { toValue: isOpen ? 0 : defaultBorderRadius, ...und }).start();
+    // Animated.spring(borderRadius, { toValue: isOpen ? 0 : defaultBorderRadius, ...und }).start();
     Animated.spring(badgeHeight, { toValue: isOpen ? height : defaultBadgeHeight, ...und }).start();
     Animated.spring(badgeWidth, { toValue: isOpen ? width : defaultBadgeWidth, ...und }).start();
   }, [isOpen]);
@@ -72,7 +72,7 @@ export default (defaultBadgeHeight) => {
     translateY: position.y,
     isOpen,
     setIsOpen,
-    borderRadius,
+    borderRadius: isOpen ? 0 : defaultBorderRadius,
     shouldShowDetails,
   };
 };