aport-tools 4.4.2 → 4.4.3

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.2 | ISC */
+/*! aport-tools v4.4.3 | ISC */
 'use strict';
 
 var React = require('react');
@@ -233,17 +233,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(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, {
+          style: {
+            fontSize: 16,
+            fontWeight: "bold"
+          }
+        }, index + 1);
     }
   };
   return /*#__PURE__*/React.createElement(reactNative.View, {
@@ -275,7 +305,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 +359,6 @@ var styles$9 = reactNative.StyleSheet.create({
   separatorProgress: {
     position: "absolute",
     height: "100%",
-    backgroundColor: "#3498db",
     borderRadius: 2
   }
 });