aport-tools 4.3.2 → 4.3.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.3.2 | 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: {
@@ -833,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];
@@ -856,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
             })];
@@ -949,7 +955,7 @@ var styles$1 = StyleSheet.create({
     marginVertical: 10
   },
   label: {
-    marginBottom: 5
+    marginTop: 5
   },
   fileContainer: {
     flexDirection: "row",