aport-tools 4.4.17 → 4.4.18

package/dist/forms/InputList.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface Option {
     id: number | string;
     label: string;
@@ -14,7 +14,7 @@ interface InputListProps {
     /**
      * Optional first value if you want to set values with fetch or dont have empty inputs.
      */
-    firstValue?: any[] | any;
+    firstValue?: any[];
     placeholder?: string;
     /**
      * Custom styles for the component.

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-/*! aport-tools v4.4.17 | ISC */
-import React, { useContext, useState, createContext, useEffect, useMemo, useCallback } from 'react';
+/*! aport-tools v4.4.18 | ISC */
+import React, { useContext, useState, createContext, useEffect, useCallback, useMemo } from 'react';
 import { StyleSheet, Text as Text$1, Animated, View, TouchableOpacity, Image, TextInput, Modal, Pressable, FlatList, Keyboard, Platform, Alert, ActivityIndicator } from 'react-native';
 import { ThemeContext } from 'aport-themes';
 import * as ImagePicker from 'expo-image-picker';
@@ -737,25 +737,22 @@ var InputList = function InputList(_a) {
   var _k = useState(false),
     isDropdownVisible = _k[0],
     setIsDropdownVisible = _k[1];
-  var selectedOptions = firstValue || formValues[name] || (multi ? [] : null);
-  var sortedOptions = useMemo(function () {
-    return sortBy ? __spreadArray([], options, true).sort(function (a, b) {
-      return a[sortBy] > b[sortBy] ? 1 : -1;
-    }) : options;
-  }, [options, sortBy]);
+  var selectedOptions = formValues[name] || (multi ? [] : null);
+  var sortedOptions = sortBy ? __spreadArray([], options, true).sort(function (a, b) {
+    return a[sortBy] > b[sortBy] ? 1 : -1;
+  }) : options;
   var theme = useContext(ThemeContext).theme;
   var colors = theme.colors;
-  var _l = useState([]);
+  var _l = useState();
     _l[0];
     var setInternalValue = _l[1];
   // Initialize the internal value based on `firstValue` or `formValues`
   useEffect(function () {
-    var selectedValue = formValues[name];
     if (firstValue) {
       setInternalValue(firstValue);
       setFormValue(name, firstValue);
     } else {
-      setInternalValue(selectedValue || (multi ? [] : null));
+      setInternalValue(formValues[name] || "");
     }
   }, [firstValue, formValues[name]]);
   /**
@@ -766,37 +763,51 @@ var InputList = function InputList(_a) {
   var handleSelectOption = function handleSelectOption(option) {
     var updatedSelections;
     if (multi) {
-      var alreadySelected = (selectedOptions || []).some(function (opt) {
+      // Ensure selectedOptions is treated as an array
+      var selectedArray = Array.isArray(selectedOptions) ? selectedOptions : [];
+      var alreadySelected = selectedArray.some(function (opt) {
         return opt.id === option.id;
       });
-      updatedSelections = alreadySelected ? (selectedOptions || []).filter(function (opt) {
+      updatedSelections = alreadySelected ? selectedArray.filter(function (opt) {
         return opt.id !== option.id;
-      }) : __spreadArray(__spreadArray([], selectedOptions || [], true), [option], false);
+      }) : __spreadArray(__spreadArray([], selectedArray, true), [option], false);
       if (!alreadySelected && maxSelection && updatedSelections.length >= maxSelection) {
         setIsDropdownVisible(false);
       }
-      setInternalValue(updatedSelections);
       setFormValue(name, updatedSelections);
     } else {
+      // Handle single-selection case
       updatedSelections = option;
-      setInternalValue(option);
       setFormValue(name, option);
       if (closeOnSelect) setIsDropdownVisible(false);
     }
+    // Trigger onChange callback with the updated selection
     if (onChange) {
       onChange(updatedSelections);
     }
   };
+  var isItemDisabled = function isItemDisabled(option) {
+    if (!multi) return false; // Disable check only applies for multi-select
+    // Ensure selectedOptions is treated as an array
+    var selectedArray = Array.isArray(selectedOptions) ? selectedOptions : [];
+    return maxSelection && selectedArray.length >= maxSelection && !selectedArray.some(function (opt) {
+      return opt.id === option.id;
+    });
+  };
+  var renderSelectedText = function renderSelectedText() {
+    if (multi) {
+      // Ensure selectedOptions is treated as an array
+      var selectedArray = Array.isArray(selectedOptions) ? selectedOptions : [];
+      return selectedArray.map(function (opt) {
+        return opt.label;
+      }).join(', ') || placeholder;
+    }
+    return (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.label) || placeholder;
+  };
   /**
    * Renders selected options as a comma-separated string or the placeholder if none selected.
    * @returns {string} - The display text for selected options or placeholder.
    */
-  var renderSelectedText = function renderSelectedText() {
-    if (multi) return (selectedOptions || []).map(function (opt) {
-      return opt.label;
-    }).join(", ") || placeholder;
-    return (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.label) || placeholder;
-  };
   /**
    * Toggles dropdown visibility. Disables toggle if the component is disabled.
    */
@@ -813,11 +824,6 @@ var InputList = function InputList(_a) {
     if (isDropdownVisible) setIsDropdownVisible(false);
   }, [isDropdownVisible]);
   // Conditionally render item as disabled if max selection reached and item is unselected
-  var isItemDisabled = function isItemDisabled(option) {
-    return multi && maxSelection && selectedOptions.length >= maxSelection && !selectedOptions.some(function (opt) {
-      return opt.id === option.id;
-    });
-  };
   return /*#__PURE__*/React.createElement(View, {
     style: [styles$4.container, style]
   }, /*#__PURE__*/React.createElement(Text$1, {
@@ -855,9 +861,9 @@ var InputList = function InputList(_a) {
     },
     renderItem: function renderItem(_a) {
       var item = _a.item;
-      var isSelected = multi ? selectedOptions.some(function (opt) {
+      var isSelected = multi ? Array.isArray(selectedOptions) && selectedOptions.some(function (opt) {
         return opt.id === item.id;
-      }) : (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.id) === item.id;
+      }) : selectedOptions && 'id' in selectedOptions && selectedOptions.id === item.id;
       var isDisabled = isItemDisabled(item);
       return /*#__PURE__*/React.createElement(TouchableOpacity, {
         onPress: function onPress() {
@@ -895,12 +901,12 @@ var styles$4 = StyleSheet.create({
     borderRadius: 5
   },
   dropdownContainer: {
-    position: "absolute",
-    top: "30%",
+    position: 'absolute',
+    top: '30%',
     // Center the dropdown vertically
-    alignSelf: "center",
-    width: "90%",
-    backgroundColor: "#fff",
+    alignSelf: 'center',
+    width: '90%',
+    backgroundColor: '#fff',
     borderRadius: 8,
     elevation: 5,
     paddingVertical: 10
@@ -909,16 +915,16 @@ var styles$4 = StyleSheet.create({
     padding: 12
   },
   disabledText: {
-    color: "#999"
+    color: '#999'
   },
   separator: {
     height: 1,
-    backgroundColor: "#ddd",
+    backgroundColor: '#ddd',
     marginHorizontal: 8
   },
   overlay: {
     flex: 1,
-    backgroundColor: "rgba(0,0,0,0.3)"
+    backgroundColor: 'rgba(0,0,0,0.3)'
   }
 });