aport-tools 4.2.11 → 4.2.13

package/dist/forms/InputCheck.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface InputCheckProps {
+    name: string;
+    options: {
+        id: string;
+        label: string;
+        icon?: string;
+    }[];
+    multi?: boolean;
+    max?: number;
+    rowAmount?: number;
+    iconPosition?: "row" | "column";
+    disabled?: boolean;
+}
+declare const InputCheck: React.FC<InputCheckProps>;
+export default InputCheck;

package/dist/forms/index.d.ts

@@ -4,4 +4,5 @@ export { default as TextArea } from './TextArea';
 export { default as Label } from './Label';
 export { default as ErrorList } from './ErrorList';
 export { InputList } from './InputList';
+export { default as InputCheck } from './InputCheck';
 export { default as InputAttach } from './InputAttach';

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-/*! aport-tools v4.2.11 | ISC */
+/*! aport-tools v4.2.13 | ISC */
 import React, { useContext, useState, createContext, useCallback, useMemo } from 'react';
-import { StyleSheet, Text as Text$1, View, TextInput, TouchableOpacity, Modal, Pressable, FlatList, Keyboard, Image, Alert, ActivityIndicator, Platform } from 'react-native';
+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';
 import * as ImagePicker from 'expo-image-picker';
 
@@ -231,23 +231,23 @@ var ErrorList = function ErrorList(_a) {
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
   return /*#__PURE__*/React.createElement(View, {
-    style: styles$7.container
+    style: styles$8.container
   }, errors.map(function (error, index) {
     return /*#__PURE__*/React.createElement(View, {
       key: index,
-      style: styles$7.errorItem
+      style: styles$8.errorItem
     }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles$7.bullet, {
+      style: [styles$8.bullet, {
         color: colors.error.hex
       }]
     }, "\u2022"), /*#__PURE__*/React.createElement(Text, {
-      style: [styles$7.errorText, {
+      style: [styles$8.errorText, {
         color: colors.error.hex
       }]
     }, error));
   }));
 };
-var styles$7 = StyleSheet.create({
+var styles$8 = StyleSheet.create({
   container: {
     marginTop: 4
   },
@@ -325,13 +325,13 @@ var Input = function Input(_a) {
     setFormValue(name, formattedText);
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: styles$6.container
+    style: styles$7.container
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles$6.label, {
+    style: [styles$7.label, {
       color: colors.text.hex
     }]
   }, label), /*#__PURE__*/React.createElement(TextInput, __assign({
-    style: [styles$6.input, {
+    style: [styles$7.input, {
       backgroundColor: colors.body.hex,
       borderColor: formErrors[name] ? colors.error.hex : "#CCC",
       color: colors.text.hex
@@ -344,7 +344,7 @@ var Input = function Input(_a) {
     errors: formErrors[name]
   })));
 };
-var styles$6 = StyleSheet.create({
+var styles$7 = StyleSheet.create({
   container: {
     marginBottom: 16
   },
@@ -377,13 +377,13 @@ var TextArea = function TextArea(_a) {
     setFormValue(name, text);
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: styles$5.container
+    style: styles$6.container
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles$5.label, {
+    style: [styles$6.label, {
       color: colors.text.hex
     }]
   }, label), /*#__PURE__*/React.createElement(TextInput, __assign({
-    style: [styles$5.textArea, style, {
+    style: [styles$6.textArea, style, {
       backgroundColor: colors.body.hex,
       color: colors.text.hex,
       borderColor: colors.placeHolder.hex
@@ -400,7 +400,7 @@ var TextArea = function TextArea(_a) {
     errors: formErrors[name]
   })));
 };
-var styles$5 = StyleSheet.create({
+var styles$6 = StyleSheet.create({
   container: {
     marginBottom: 16
   },
@@ -423,12 +423,12 @@ var Label = function Label(_a) {
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
   return /*#__PURE__*/React.createElement(Text, {
-    style: [styles$4.label, style, {
+    style: [styles$5.label, style, {
       color: colors.text.hex
     }]
   }, text);
 };
-var styles$4 = StyleSheet.create({
+var styles$5 = StyleSheet.create({
   label: {
     marginBottom: 4,
     fontWeight: '500'
@@ -541,14 +541,14 @@ var InputList = function InputList(_a) {
     });
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles$3.container, style]
+    style: [styles$4.container, style]
   }, /*#__PURE__*/React.createElement(Text$1, {
     style: {
       color: colors.text.hex,
       marginBottom: 4
     }
   }, name), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles$3.inputContainer,
+    style: styles$4.inputContainer,
     onPress: toggleDropdown,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Text$1, {
@@ -560,10 +560,10 @@ var InputList = function InputList(_a) {
     transparent: true,
     animationType: "fade"
   }, /*#__PURE__*/React.createElement(Pressable, {
-    style: styles$3.overlay,
+    style: styles$4.overlay,
     onPress: handleCloseDropdown
   }), /*#__PURE__*/React.createElement(View, {
-    style: [styles$3.dropdownContainer, {
+    style: [styles$4.dropdownContainer, {
       backgroundColor: colors.body.hex
     }]
   }, /*#__PURE__*/React.createElement(FlatList, {
@@ -581,7 +581,7 @@ var InputList = function InputList(_a) {
         onPress: function onPress() {
           return handleSelectOption(item);
         },
-        style: [styles$3.optionItem, isSelected ? {
+        style: [styles$4.optionItem, isSelected ? {
           backgroundColor: colors.primary.hex
         } : {}, isDisabled ? {
           backgroundColor: colors.placeHolder.hex
@@ -592,18 +592,18 @@ var InputList = function InputList(_a) {
           color: colors.body.hex
         } : {
           color: colors.text.hex
-        }, isDisabled ? styles$3.disabledText : {}]
+        }, isDisabled ? styles$4.disabledText : {}]
       }, item.label));
     },
     ItemSeparatorComponent: function ItemSeparatorComponent() {
       return separator ? /*#__PURE__*/React.createElement(View, {
-        style: styles$3.separator
+        style: styles$4.separator
       }) : null;
     },
     scrollEnabled: !closeOnScroll
   }))));
 };
-var styles$3 = StyleSheet.create({
+var styles$4 = StyleSheet.create({
   container: {},
   inputContainer: {
     padding: 12,
@@ -639,6 +639,178 @@ var styles$3 = StyleSheet.create({
   }
 });
 
+// src/cards/Card.tsx
+/**
+ * Card component that adapts its styles based on the current theme.
+ * Supports dynamic styling, shadows, and press animations.
+ *
+ * @param children - The content to be displayed inside the Card.
+ * @param style - Additional styles to apply to the Card.
+ * @param onPress - Function to execute when the Card is pressed.
+ * @param pressable - Determines if the Card is pressable. Defaults to false.
+ * @param borderRadius - Border radius of the Card. Defaults to 12.
+ * @param elevation - Elevation for Android shadow. Overrides default.
+ * @param shadowProps - Custom shadow properties for iOS. Overrides defaults.
+ */
+var Card = function Card(_a) {
+  var children = _a.children,
+    style = _a.style,
+    onPress = _a.onPress,
+    _b = _a.pressable,
+    pressable = _b === void 0 ? false : _b,
+    _c = _a.borderRadius,
+    borderRadius = _c === void 0 ? 12 : _c,
+    _d = _a.elevation,
+    elevation = _d === void 0 ? 4 : _d,
+    _e = _a.shadowProps,
+    shadowProps = _e === void 0 ? {} : _e;
+  var theme = useContext(ThemeContext).theme;
+  var colors = theme.colors;
+  // Animation state for pressable effect
+  // Default shadow styles (improved platform-specific handling)
+  var defaultShadow = Platform.select({
+    ios: {
+      shadowColor: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowColor) || colors.text.hex,
+      // Defaulting to theme text color
+      shadowOffset: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowOffset) || {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowOpacity) || 0.1,
+      shadowRadius: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowRadius) || 4
+    },
+    android: {
+      elevation: elevation // Only applies to Android
+    }
+  });
+  var cardStyles = [styles$3.container, {
+    borderRadius: borderRadius,
+    backgroundColor: colors.background.hex
+  }, defaultShadow,
+  // Dynamic shadows based on platform
+  style // External styles
+  ];
+  return pressable ? (/*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.8,
+    onPress: onPress,
+    style: cardStyles
+  }, children)) : (/*#__PURE__*/React.createElement(View, {
+    style: cardStyles
+  }, children));
+};
+var styles$3 = StyleSheet.create({
+  container: {
+    padding: 16,
+    borderRadius: 12
+    // Shadows handled dynamically with platform logic
+  }
+});
+
+var InputCheck = function InputCheck(_a) {
+  var name = _a.name,
+    options = _a.options,
+    _b = _a.multi,
+    multi = _b === void 0 ? false : _b,
+    max = _a.max,
+    _c = _a.rowAmount,
+    rowAmount = _c === void 0 ? 3 : _c,
+    _d = _a.iconPosition,
+    iconPosition = _d === void 0 ? "row" : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e;
+  var _f = useFormContext(),
+    formValues = _f.formValues,
+    setFormValue = _f.setFormValue;
+  var _g = useState(formValues[name] || []),
+    selectedValues = _g[0],
+    setSelectedValues = _g[1];
+  var theme = useContext(ThemeContext).theme;
+  var colors = theme.colors;
+  var handleSelect = function handleSelect(id) {
+    if (disabled) return;
+    var updatedSelection;
+    if (multi) {
+      if (selectedValues.includes(id)) {
+        updatedSelection = selectedValues.filter(function (value) {
+          return value !== id;
+        });
+      } else {
+        if (max && selectedValues.length >= max) return; // Prevent selection beyond max
+        updatedSelection = __spreadArray(__spreadArray([], selectedValues, true), [id], false);
+      }
+    } else {
+      updatedSelection = [id];
+    }
+    setSelectedValues(updatedSelection);
+    setFormValue(name, updatedSelection);
+  };
+  var renderItem = function renderItem(_a) {
+    var item = _a.item;
+    var isSelected = selectedValues.includes(item.id);
+    return /*#__PURE__*/React.createElement(Card, {
+      pressable: true,
+      onPress: function onPress() {
+        return handleSelect(item.id);
+      },
+      style: [styles$2.card, isSelected && {
+        backgroundColor: colors.primary.hex
+      },
+      // Replace with colors.primary.hex if available
+      disabled && styles$2.cardDisabled]
+    }, item.icon && (/*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: item.icon
+      },
+      style: [styles$2.icon, iconPosition === "column" && styles$2.iconColumn]
+    })), /*#__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, {
+    data: options,
+    renderItem: renderItem,
+    keyExtractor: function keyExtractor(item) {
+      return item.id;
+    },
+    numColumns: rowAmount,
+    columnWrapperStyle: rowAmount > 1 ? styles$2.row : undefined,
+    scrollEnabled: false
+  });
+};
+var styles$2 = StyleSheet.create({
+  card: {
+    flex: 1,
+    margin: 5,
+    padding: 10,
+    borderWidth: 1,
+    borderColor: "#ccc",
+    borderRadius: 8,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  cardDisabled: {
+    opacity: 0.5
+  },
+  icon: {
+    width: 40,
+    height: 40,
+    marginBottom: 5
+  },
+  iconColumn: {
+    marginBottom: 10
+  },
+  label: {
+    fontSize: 14,
+    textAlign: "center"
+  },
+  row: {
+    justifyContent: "space-between"
+  }
+});
+
 // src/components/InputAttach.tsx
 var InputAttach = function InputAttach(_a) {
   var name = _a.name,
@@ -720,49 +892,49 @@ var InputAttach = function InputAttach(_a) {
     setFormValue(name, updatedFiles); // Update form context
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: styles$2.container
+    style: styles$1.container
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles$2.label, {
+    style: [styles$1.label, {
       color: colors.text.hex
     }]
   }, placeholder), /*#__PURE__*/React.createElement(View, {
-    style: styles$2.fileContainer
+    style: styles$1.fileContainer
   }, selectedFiles.map(function (file, index) {
     return /*#__PURE__*/React.createElement(View, {
       key: index,
-      style: styles$2.fileItem
+      style: styles$1.fileItem
     }, /*#__PURE__*/React.createElement(Image, {
       source: {
         uri: file.uri
       },
-      style: styles$2.imagePreview
+      style: styles$1.imagePreview
     }), /*#__PURE__*/React.createElement(TouchableOpacity, {
       onPress: function onPress() {
         return removeFile(index);
       },
-      style: [styles$2.removeButton, {
+      style: [styles$1.removeButton, {
         backgroundColor: colors.error.hex
       }]
     }, /*#__PURE__*/React.createElement(Text, {
-      style: styles$2.removeButtonText
+      style: styles$1.removeButtonText
     }, "X")));
   }), selectedFiles.length < amount && (/*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: pickImage,
-    style: [styles$2.addButton, {
+    style: [styles$1.addButton, {
       backgroundColor: colors.body.hex
     }],
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles$2.addButtonText, {
+    style: [styles$1.addButtonText, {
       color: colors.placeHolder.hex
     }]
   }, "+")))), errors[name] && /*#__PURE__*/React.createElement(Text, {
-    style: [styles$2.error, {
+    style: [styles$1.error, {
       color: colors.error.hex
     }]
   }, errors[name].join(", ")));
 };
-var styles$2 = StyleSheet.create({
+var styles$1 = StyleSheet.create({
   container: {
     marginVertical: 10
   },
@@ -878,11 +1050,11 @@ var Button = function Button(_a) {
   var colors = theme.colors;
   var handleSubmit = useFormContext().handleSubmit;
   var computedStyles = useMemo(function () {
-    return StyleSheet.flatten([styles$1.button, typeStyles(type, disabled, colors), rounded && {
+    return StyleSheet.flatten([styles.button, typeStyles(type, disabled, colors), rounded && {
       borderRadius: borderRadius
     }, isFullWidth && {
       width: '100%'
-    }, (disabled || loading) && styles$1.disabled]);
+    }, (disabled || loading) && styles.disabled]);
   }, [type, disabled, loading, rounded, borderRadius, isFullWidth, colors]);
   var textColor = useMemo(function () {
     return type === "cancel" ? {
@@ -913,7 +1085,7 @@ var Button = function Button(_a) {
     style: textColor
   }, Array.isArray(children) ? children.join('').toUpperCase() : children === null || children === void 0 ? void 0 : children.toUpperCase())));
 };
-var styles$1 = StyleSheet.create({
+var styles = StyleSheet.create({
   button: {
     justifyContent: 'center',
     alignItems: 'center',
@@ -925,72 +1097,5 @@ var styles$1 = StyleSheet.create({
   }
 });
 
-// src/cards/Card.tsx
-/**
- * Card component that adapts its styles based on the current theme.
- * Supports dynamic styling, shadows, and press animations.
- *
- * @param children - The content to be displayed inside the Card.
- * @param style - Additional styles to apply to the Card.
- * @param onPress - Function to execute when the Card is pressed.
- * @param pressable - Determines if the Card is pressable. Defaults to false.
- * @param borderRadius - Border radius of the Card. Defaults to 12.
- * @param elevation - Elevation for Android shadow. Overrides default.
- * @param shadowProps - Custom shadow properties for iOS. Overrides defaults.
- */
-var Card = function Card(_a) {
-  var children = _a.children,
-    style = _a.style,
-    onPress = _a.onPress,
-    _b = _a.pressable,
-    pressable = _b === void 0 ? false : _b,
-    _c = _a.borderRadius,
-    borderRadius = _c === void 0 ? 12 : _c,
-    _d = _a.elevation,
-    elevation = _d === void 0 ? 4 : _d,
-    _e = _a.shadowProps,
-    shadowProps = _e === void 0 ? {} : _e;
-  var theme = useContext(ThemeContext).theme;
-  var colors = theme.colors;
-  // Animation state for pressable effect
-  // Default shadow styles (improved platform-specific handling)
-  var defaultShadow = Platform.select({
-    ios: {
-      shadowColor: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowColor) || colors.text.hex,
-      // Defaulting to theme text color
-      shadowOffset: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowOffset) || {
-        width: 0,
-        height: 2
-      },
-      shadowOpacity: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowOpacity) || 0.1,
-      shadowRadius: (shadowProps === null || shadowProps === void 0 ? void 0 : shadowProps.shadowRadius) || 4
-    },
-    android: {
-      elevation: elevation // Only applies to Android
-    }
-  });
-  var cardStyles = [styles.container, {
-    borderRadius: borderRadius,
-    backgroundColor: colors.background.hex
-  }, defaultShadow,
-  // Dynamic shadows based on platform
-  style // External styles
-  ];
-  return pressable ? (/*#__PURE__*/React.createElement(TouchableOpacity, {
-    activeOpacity: 0.8,
-    onPress: onPress,
-    style: cardStyles
-  }, children)) : (/*#__PURE__*/React.createElement(View, {
-    style: cardStyles
-  }, children));
-};
-var styles = StyleSheet.create({
-  container: {
-    padding: 16,
-    borderRadius: 12
-    // Shadows handled dynamically with platform logic
-  }
-});
-
-export { Button, Card, ErrorList, Form, Input, InputAttach, InputList, Label, Text, TextArea, useFormContext };
+export { Button, Card, ErrorList, Form, Input, InputAttach, InputCheck, InputList, Label, Text, TextArea, useFormContext };
 //# sourceMappingURL=index.esm.js.map