aport-tools 4.4.2 → 4.4.4

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.2 | ISC */
+/*! aport-tools v4.4.4 | ISC */
 'use strict';
 
 var React = require('react');
@@ -233,17 +233,50 @@ 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(reactNative.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(reactNative.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, {
+          b: true,
+          typeFont: "primary",
+          style: [currentStep >= index ? {
+            color: colors.textButton.hex
+          } : {
+            color: colors.text.hex
+          }]
+        }, index + 1);
     }
   };
   return /*#__PURE__*/React.createElement(reactNative.View, {
@@ -262,10 +295,8 @@ var Stepper = function Stepper(_a) {
         return _onPress && _onPress(index);
       }
     }, /*#__PURE__*/React.createElement(reactNative.View, {
-      style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, currentStep >= index && {
-        backgroundColor: colors.primary.hex
-      }, {
-        backgroundColor: colors.body.hex
+      style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, {
+        backgroundColor: currentStep >= index ? colors.primary.hex : colors.body.hex
       }]
     }, renderStepContent(index)), steps && /*#__PURE__*/React.createElement(Text, {
       style: styles$9.stepText
@@ -275,7 +306,8 @@ var Stepper = function Stepper(_a) {
       style: styles$9.separatorBackground
     }), /*#__PURE__*/React.createElement(reactNative.Animated.View, {
       style: [styles$9.separatorProgress, {
-        width: getSeparatorWidth(index)
+        width: getSeparatorWidth(index),
+        backgroundColor: colors.primary.hex
       }]
     }))));
   }));
@@ -328,7 +360,6 @@ var styles$9 = reactNative.StyleSheet.create({
   separatorProgress: {
     position: "absolute",
     height: "100%",
-    backgroundColor: "#3498db",
     borderRadius: 2
   }
 });
@@ -388,7 +419,7 @@ var Form = function Form(_a) {
     }
   }, stepper && (/*#__PURE__*/React.createElement(Stepper, {
     steps: stepper.steps,
-    currentStep: stepper.step,
+    currentStep: stepper.currentStep,
     presseable: stepper.presseable,
     onPress: stepper.onPress,
     totalSteps: stepper.totalSteps,