aport-tools 4.4.2 → 4.4.3

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-/*! aport-tools v4.4.2 | ISC */
+/*! aport-tools v4.4.3 | ISC */
 import React, { useContext, useState, createContext, useCallback, useMemo } from 'react';
-import { StyleSheet, Text as Text$1, Animated, View, TouchableOpacity, TextInput, Modal, Pressable, FlatList, Keyboard, Platform, Image, Alert, ActivityIndicator } from 'react-native';
+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';
 
@@ -212,17 +212,47 @@ var Stepper = function Stepper(_a) {
     switch (stepType) {
       case "icon":
         if (Array.isArray(icon)) {
-          return icon[index]; // Render individual icon for each step
+          var stepIcon = icon[index];
+          if (typeof stepIcon === "string") {
+            return /*#__PURE__*/React.createElement(Image, {
+              source: {
+                uri: stepIcon
+              },
+              style: {
+                width: 24,
+                height: 24
+              },
+              resizeMode: "contain"
+            });
+          } else {
+            console.error("Invalid icon value for step ".concat(index, ". Expected a string URI."));
+            return null;
+          }
         }
-        return icon;
-      // Render the same icon for all steps
+        if (typeof icon === "string") {
+          return /*#__PURE__*/React.createElement(Image, {
+            source: {
+              uri: icon
+            },
+            style: {
+              width: 24,
+              height: 24
+            },
+            resizeMode: "contain"
+          });
+        }
+        console.error("Icon prop must be a string or an array of strings.");
+        return null;
       case "empty":
         return null;
-      // Render nothing inside the step circle
       case "number":
       default:
-        return index + 1;
-      // Default to rendering step numbers
+        return /*#__PURE__*/React.createElement(Text, {
+          style: {
+            fontSize: 16,
+            fontWeight: "bold"
+          }
+        }, index + 1);
     }
   };
   return /*#__PURE__*/React.createElement(View, {
@@ -254,7 +284,8 @@ var Stepper = function Stepper(_a) {
       style: styles$9.separatorBackground
     }), /*#__PURE__*/React.createElement(Animated.View, {
       style: [styles$9.separatorProgress, {
-        width: getSeparatorWidth(index)
+        width: getSeparatorWidth(index),
+        backgroundColor: colors.primary.hex
       }]
     }))));
   }));
@@ -307,7 +338,6 @@ var styles$9 = StyleSheet.create({
   separatorProgress: {
     position: "absolute",
     height: "100%",
-    backgroundColor: "#3498db",
     borderRadius: 2
   }
 });