aport-tools 4.3.2 → 4.3.3

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.3.2 | ISC */
+/*! aport-tools v4.3.3 | ISC */
 'use strict';
 
 var React = require('react');
@@ -407,13 +407,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"
@@ -492,7 +491,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 = React.useState(false),
     isDropdownVisible = _j[0],
     setIsDropdownVisible = _j[1];
@@ -569,14 +569,18 @@ var InputList = function InputList(_a) {
       marginBottom: 4
     }
   }, name), /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
-    style: styles$4.inputContainer,
+    style: [styles$4.inputContainer, {
+      borderColor: formErrors[name] ? colors.error.hex : "#CCC"
+    }],
     onPress: toggleDropdown,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(reactNative.Text, {
     style: {
       color: colors.text.hex
     }
-  }, renderSelectedText())), /*#__PURE__*/React.createElement(reactNative.Modal, {
+  }, renderSelectedText())), formErrors[name] && formErrors[name].length > 0 && (/*#__PURE__*/React.createElement(ErrorList, {
+    errors: formErrors[name]
+  })), /*#__PURE__*/React.createElement(reactNative.Modal, {
     visible: isDropdownVisible,
     transparent: true,
     animationType: "fade"
@@ -625,11 +629,12 @@ var InputList = function InputList(_a) {
   }))));
 };
 var styles$4 = reactNative.StyleSheet.create({
-  container: {},
+  container: {
+    marginVertical: 10
+  },
   inputContainer: {
     padding: 12,
     borderWidth: 1,
-    borderColor: '#ccc',
     borderRadius: 5
   },
   dropdownContainer: {
@@ -854,9 +859,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 = React.useState([]),
     selectedFiles = _g[0],
     setSelectedFiles = _g[1];
@@ -877,7 +881,9 @@ var InputAttach = function InputAttach(_a) {
               return [2 /*return*/];
             }
             return [4 /*yield*/, ImagePicker__namespace.launchImageLibraryAsync({
-              mediaTypes: ImagePicker__namespace.MediaTypeOptions.Images,
+              mediaTypes: ["images"],
+              // Updated usage
+              allowsEditing: true,
               allowsMultipleSelection: amount > 1,
               quality: 1
             })];
@@ -970,7 +976,7 @@ var styles$1 = reactNative.StyleSheet.create({
     marginVertical: 10
   },
   label: {
-    marginBottom: 5
+    marginTop: 5
   },
   fileContainer: {
     flexDirection: "row",