@momo-kits/step 0.0.43-beta.28 → 0.0.43-beta.31

package/Step.constants.js

@@ -0,0 +1 @@
+export const IS_VALID_URL = /((\w+:\/\/\S+)|(\w+[\.:]\w+\S+))[^\s,\.]/

package/Step.horizontal.js

@@ -2,6 +2,7 @@ import { Colors, IconSource, Image, Text } from '@momo-kits/core';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { View, StyleSheet, Dimensions, ScrollView } from 'react-native';
+import { IS_VALID_URL } from 'Step.constants';
 
 const CIRCLE_SIZE = 24;
 const SCREEN_WIDTH = Dimensions.get('window').width;
@@ -154,15 +155,15 @@ export default class HorizontalStep extends Component {
         circleBorderColor = '',
         isActiveState = false,
         circleUnchecked = false,
-        iconActive = {},
-        iconUnchecked = {},
+        iconActive = '',
+        iconUnchecked = '',
         icon = {},
         index = 0,
     }) => {
         let resultComponent = <></>;
         if (!isActiveState) {
             if (circleUnchecked) {
-                if (Object.keys(iconUnchecked).length === 0) {
+                if (IS_VALID_URL.test(iconUnchecked)) {
                     resultComponent = this._renderCircleImage({
                         icon,
                         circleColor,
@@ -185,7 +186,7 @@ export default class HorizontalStep extends Component {
         } else {
             // This is active case
             // If icon diff "" & regex http or https url so will render image component
-            if (Object.keys(iconActive).length === 0) {
+            if (IS_VALID_URL.test(iconActive)) {
                 resultComponent = this._renderCircleImage({
                     icon,
                     circleColor,

package/Step.js

@@ -45,9 +45,9 @@ Step.defaultProps = {
     titles: [],
     currentStep: 0,
     isVertical: false,
-    iconActive: 'index + 1',
+    iconActive: IconSource.ic_check_24,
     iconChecked: IconSource.ic_check_24,
-    iconUnchecked: 'index + 1',
+    iconUnchecked: IconSource.ic_check_24,
     circleColorActive: '#d82d8b',
     circleColorChecked: '#ffadd2',
     circleColorUnchecked: Colors.black_06,

package/Step.vertical.js

@@ -2,6 +2,7 @@ import { Colors, IconSource, Image, Text } from '@momo-kits/core';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { View, StyleSheet, ScrollView } from 'react-native';
+import { IS_VALID_URL } from 'Step.constants';
 
 const CIRCLE_SIZE = 24;
 
@@ -142,7 +143,7 @@ export default class VerticalStep extends Component {
         let resultComponent = <></>;
         if (!isActiveState) {
             if (circleUnchecked) {
-                if (Object.keys(iconUnchecked).length === 0) {
+                if (IS_VALID_URL.test(iconUnchecked)) {
                     resultComponent = this._renderCircleImage({
                         icon,
                         circleColor,
@@ -165,7 +166,7 @@ export default class VerticalStep extends Component {
         } else {
             // This is active case
             // If icon diff "" & regex http or https url so will render image component
-            if (Object.keys(iconActive).length === 0) {
+            if (IS_VALID_URL.test(iconActive)) {
                 resultComponent = this._renderCircleImage({
                     icon,
                     circleColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/step",
-  "version": "0.0.43-beta.28",
+  "version": "0.0.43-beta.31",
   "private": false,
   "main": "index.js",
   "dependencies": {},