aport-tools 4.3.1 → 4.3.3

package/dist/forms/InputCheck.d.ts

@@ -5,7 +5,7 @@ interface InputCheckProps {
         id: string;
         label: string;
         icon?: string;
-        value?: string;
+        value: string;
     }[];
     multi?: boolean;
     max?: number;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.3.1 | ISC */
+/*! aport-tools v4.3.3 | ISC */
 import React, { useContext, useState, createContext, useCallback, useMemo } from 'react';
 import { StyleSheet, Text as Text$1, View, TextInput, TouchableOpacity, Modal, Pressable, FlatList, Keyboard, Platform, Image, Alert, ActivityIndicator } from 'react-native';
 import { ThemeContext } from 'aport-themes';
@@ -386,13 +386,12 @@ var TextArea = function TextArea(_a) {
     style: [styles$6.textArea, style, {
       backgroundColor: colors.body.hex,
       color: colors.text.hex,
-      borderColor: colors.placeHolder.hex
+      borderColor: formErrors[name] ? colors.error.hex : "#CCC"
     }],
     value: formValues[name] || '',
     onChangeText: handleChange,
     placeholder: label,
-    placeholderTextColor: "#888" // Can be themed if needed
-    ,
+    placeholderTextColor: colors.placeHolder.hex,
     multiline: true,
     numberOfLines: 4,
     textAlignVertical: "top"
@@ -471,7 +470,8 @@ var InputList = function InputList(_a) {
     onChange = _a.onChange;
   var _h = useFormContext(),
     formValues = _h.formValues,
-    setFormValue = _h.setFormValue;
+    setFormValue = _h.setFormValue,
+    formErrors = _h.errors;
   var _j = useState(false),
     isDropdownVisible = _j[0],
     setIsDropdownVisible = _j[1];
@@ -548,14 +548,18 @@ var InputList = function InputList(_a) {
       marginBottom: 4
     }
   }, name), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles$4.inputContainer,
+    style: [styles$4.inputContainer, {
+      borderColor: formErrors[name] ? colors.error.hex : "#CCC"
+    }],
     onPress: toggleDropdown,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Text$1, {
     style: {
       color: colors.text.hex
     }
-  }, renderSelectedText())), /*#__PURE__*/React.createElement(Modal, {
+  }, renderSelectedText())), formErrors[name] && formErrors[name].length > 0 && (/*#__PURE__*/React.createElement(ErrorList, {
+    errors: formErrors[name]
+  })), /*#__PURE__*/React.createElement(Modal, {
     visible: isDropdownVisible,
     transparent: true,
     animationType: "fade"
@@ -604,11 +608,12 @@ var InputList = function InputList(_a) {
   }))));
 };
 var styles$4 = StyleSheet.create({
-  container: {},
+  container: {
+    marginVertical: 10
+  },
   inputContainer: {
     padding: 12,
     borderWidth: 1,
-    borderColor: '#ccc',
     borderRadius: 5
   },
   dropdownContainer: {
@@ -761,7 +766,7 @@ var InputCheck = function InputCheck(_a) {
     return /*#__PURE__*/React.createElement(Card, {
       pressable: true,
       onPress: function onPress() {
-        return handleSelect(item.id, item.value);
+        return handleSelect(item.id.toString(), item.value);
       },
       style: [styles$2.card, isSelected && {
         backgroundColor: colors.primary.hex
@@ -776,8 +781,7 @@ var InputCheck = function InputCheck(_a) {
     })), /*#__PURE__*/React.createElement(Text, {
       style: [styles$2.label, {
         color: isSelected ? colors.textButton.hex : colors.text.hex
-      } // Replace with colors.textButton.hex
-      ]
+      }]
     }, item.label));
   };
   return /*#__PURE__*/React.createElement(FlatList, {
@@ -834,9 +838,8 @@ var InputAttach = function InputAttach(_a) {
     _e = _a.placeholder,
     placeholder = _e === void 0 ? "Upload an image" : _e;
   var _f = useFormContext(),
-    setFormValue = _f.setFormValue;
-    _f.formValues;
-    var errors = _f.errors;
+    setFormValue = _f.setFormValue,
+    errors = _f.errors;
   var _g = useState([]),
     selectedFiles = _g[0],
     setSelectedFiles = _g[1];
@@ -857,7 +860,9 @@ var InputAttach = function InputAttach(_a) {
               return [2 /*return*/];
             }
             return [4 /*yield*/, ImagePicker.launchImageLibraryAsync({
-              mediaTypes: ImagePicker.MediaTypeOptions.Images,
+              mediaTypes: ["images"],
+              // Updated usage
+              allowsEditing: true,
               allowsMultipleSelection: amount > 1,
               quality: 1
             })];
@@ -950,7 +955,7 @@ var styles$1 = StyleSheet.create({
     marginVertical: 10
   },
   label: {
-    marginBottom: 5
+    marginTop: 5
   },
   fileContainer: {
     flexDirection: "row",