react-native-in-app-debugger 1.0.67 → 1.0.69

package/Api/index.jsx

@@ -275,7 +275,7 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
     flexWrap: "wrap",
-    paddingLeft: 5,
+    paddingHorizontal: 5,
     alignItems: "center",
     gap: 5,
   },
@@ -305,5 +305,12 @@ const styles = StyleSheet.create({
     elevation: 10,
     zIndex: 99,
   },
-  textInput: { padding: 5, color: "white", flex: 1, minWidth: 100 },
+  textInput: {
+    padding: 5,
+    color: "white",
+    flex: 1,
+    minWidth: 100,
+    backgroundColor: "#333",
+    borderRadius: 8,
+  },
 });

package/Libs.jsx

@@ -1,10 +1,18 @@
 import React, { useState } from "react";
-import { FlatList, TextInput, TouchableHighlight } from "react-native";
+import {
+  FlatList,
+  StyleSheet,
+  TextInput,
+  TouchableHighlight,
+} from "react-native";
 import Text from "./Text";
 import Highlight from "./Highlight";
-import packageJson from '../../package.json';
+import packageJson from "../../package.json";
 
-const libs = Object.entries(packageJson.dependencies).reduce((arr,[name, version])=>[...arr,{name,version}],[]);
+const libs = Object.entries(packageJson.dependencies).reduce(
+  (arr, [name, version]) => [...arr, { name, version }],
+  []
+);
 
 export default () => {
   const [filter, setFilter] = useState("");
@@ -15,7 +23,7 @@ export default () => {
         value={filter}
         placeholder="Filter..."
         placeholderTextColor="grey"
-        style={{ paddingHorizontal: 5, color: "white" }}
+        style={styles.textInput}
         onChangeText={(t) => setFilter(t.toLowerCase())}
         clearButtonMode="always"
       />
@@ -31,14 +39,24 @@ export default () => {
         keyExtractor={(i) => i.name}
         renderItem={({ item }) => (
           <TouchableHighlight underlayColor="#ffffff44" onPress={() => null}>
-          <Text selectable style={{ color: "white", marginVertical: 10 }}>
-            <Highlight text={item.name} filter={filter} />
-            {" : "}
-            <Highlight text={item.version} filter={filter} />
-          </Text>
+            <Text selectable style={{ color: "white", marginVertical: 10 }}>
+              <Highlight text={item.name} filter={filter} />
+              {" : "}
+              <Highlight text={item.version} filter={filter} />
+            </Text>
           </TouchableHighlight>
         )}
       />
     </>
   );
 };
+
+const styles = StyleSheet.create({
+  textInput: {
+    marginHorizontal: 5,
+    padding: 5,
+    color: "white",
+    backgroundColor: "#333",
+    borderRadius: 8,
+  },
+});

package/Variables.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { FlatList, TextInput } from "react-native";
+import { FlatList, StyleSheet, TextInput } from "react-native";
 import Text from "./Text";
 import Highlight from "./Highlight";
 
@@ -12,7 +12,7 @@ export default ({ variables }) => {
         value={filter}
         placeholder="Filter..."
         placeholderTextColor="grey"
-        style={{ paddingHorizontal: 5, color: "white" }}
+        style={styles.textInput}
         onChangeText={(t) => setFilter(t.toLowerCase())}
         clearButtonMode="always"
       />
@@ -37,3 +37,13 @@ export default ({ variables }) => {
     </>
   );
 };
+
+const styles = StyleSheet.create({
+  textInput: {
+    marginHorizontal: 5,
+    padding: 5,
+    color: "white",
+    backgroundColor: "#333",
+    borderRadius: 8,
+  },
+});

package/index.jsx

@@ -140,6 +140,8 @@ export default ({
         transform: [{ translateX }, { translateY }],
         position: "absolute",
         borderRadius,
+        borderColor: 'white',
+        borderWidth: .5,
         backgroundColor: "#000000" + (isOpen ? "ee" : "bb"),
         height,
         width,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "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": {