Fix rows data parsing

Author: Henus321

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-sqlite-explorer",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Explorer for react-native-sqlite-storage library database inside react native app",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

src/components/Table/TableModal.tsx

@@ -79,19 +79,14 @@ const TableModal = ({
     >
       <View>
         {tableData.fields.map((field) => {
-          const readOnly =
-            typeof model[field.name] === 'object' && model[field.name] !== null;
-
           return (
             <Input
               title={`${isFieldRequired(field.type) ? '*' : ''}${field.name} (${field.type})`}
               key={`field-input-${field.name}`}
               text={model[field.name]}
-              readOnly={readOnly ? () => {} : false}
               onChangeText={(value) => onChange(field.name, value)}
               style={{ marginBottom: 6 }}
               showMicrofone={false}
-              showClearButton={!readOnly}
               placeholder={`${field.name}`}
               error={!!errors?.[field.name] ? errors[field.name] : false}
             />

src/components/Table/TableRow.tsx

@@ -3,64 +3,62 @@ import { TableSignatureValue } from '../../types';
 import { GlobalStyles } from '../../styles';
 
 type TableRowProps = {
-	row: TableSignatureValue;
-	index: number;
-	isChecked: boolean;
-	onPress: (index: number | null) => void;
+  row: TableSignatureValue;
+  index: number;
+  isChecked: boolean;
+  onPress: (index: number | null) => void;
 };
 
 const TableRow = ({ row, index, isChecked, onPress }: TableRowProps) => {
-	return <TouchableOpacity onPress={() => onPress(index)} style={styles.Row}>
-		<View style={[styles.CheckedCell, isChecked && styles.CheckedCellActive]}></View>
+  return (
+    <TouchableOpacity onPress={() => onPress(index)} style={styles.Row}>
+      <View
+        style={[styles.CheckedCell, isChecked && styles.CheckedCellActive]}
+      ></View>
 
-		{Object.values(row).map((value, valueIndex) => {
-			let val = '-';
-
-			if (!!value && typeof value === 'object') {
-				val = '[Object]'
-			} else if (!!value) {
-				val = value;
-			}
-
-			return <View
-				key={`row-${index}-value-${valueIndex}`}
-				style={[styles.RowCell, isChecked && styles.RowCellActive]}
-			>
-				<Text style={styles.Text} numberOfLines={4}>{val}</Text>
-			</View>
-		})}
-	</TouchableOpacity>
+      {Object.values(row).map((value, valueIndex) => (
+        <View
+          key={`row-${index}-value-${valueIndex}`}
+          style={[styles.RowCell, isChecked && styles.RowCellActive]}
+        >
+          <Text style={styles.Text} numberOfLines={4}>
+            {value}
+          </Text>
+        </View>
+      ))}
+    </TouchableOpacity>
+  );
 };
 
 const styles = StyleSheet.create({
-	CheckedCell: {
-		width: 6,
-		height: '100%',
-		justifyContent: 'center',
-		alignItems: 'center',
-		borderWidth: 1,
-		borderColor: GlobalStyles.colors.gray,
-	},
-	CheckedCellActive: {
-		backgroundColor: GlobalStyles.colors.blue,
-	},
-	Row: {
-		flexDirection: 'row',
-		gap: 5,
-		marginBottom: 5,
-	},
-	RowCell: {
-		width: 100,
-		padding: 3,
-		borderColor: GlobalStyles.colors.gray,
-		borderWidth: 1,
-	},
-	RowCellActive: {
-		backgroundColor: GlobalStyles.colors.white,
-	},
-	Text: {
-		textAlign: 'center'
-	},
+  CheckedCell: {
+    width: 6,
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: GlobalStyles.colors.gray,
+  },
+  CheckedCellActive: {
+    backgroundColor: GlobalStyles.colors.blue,
+  },
+  Row: {
+    flexDirection: 'row',
+    gap: 5,
+    marginBottom: 5,
+  },
+  RowCell: {
+    width: 100,
+    padding: 3,
+    borderColor: GlobalStyles.colors.gray,
+    borderWidth: 1,
+  },
+  RowCellActive: {
+    backgroundColor: GlobalStyles.colors.white,
+  },
+  Text: {
+    textAlign: 'center',
+  },
 });
 
-export default TableRow;
+export default TableRow;