@momo-kits/step 0.0.59-beta.7 → 0.0.59-beta.8

package/Step.horizontal.js

@@ -1,7 +1,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 { Dimensions, StyleSheet, View } from 'react-native';
 import { IS_VALID_URL } from './Step.constants';
 
 const CIRCLE_SIZE = 24;
@@ -300,7 +300,7 @@ export default class HorizontalStep extends Component {
         let textFontStyle = styles.titleDefault;
         let lineActive = lineColorInActive || Colors.black_04;
         let minHeight = !isVertical && styles.minHeight;
-
+        let accessibilityLabel = 'uncheck';
         let tintColor = '#ffd6e7';
 
         // This is all properties in active state
@@ -309,6 +309,7 @@ export default class HorizontalStep extends Component {
             circleColor = circleColorActive || '#d82d8b';
             circleBorderColor = circleBorderColorActive || Colors.pink_09;
             textFontStyle = styles.titleActive;
+            accessibilityLabel = 'checking';
         }
 
         if (circleChecked) {
@@ -316,6 +317,7 @@ export default class HorizontalStep extends Component {
             lineActive = lineColorActive || tintColor;
             circleColor = circleColorChecked || '#ffadd2';
             circleBorderColor = circleBorderColorChecked || Colors.pink_09;
+            accessibilityLabel = 'checked';
         }
 
         if (circleUnchecked) {
@@ -335,8 +337,10 @@ export default class HorizontalStep extends Component {
                     flex: 1,
                     justifyContent: 'center',
                     width: lineWidth,
+                    // backgroundColor: 'red'
                 }}>
                 <View
+                    accessibilityLabel={accessibilityLabel}
                     style={{
                         flexDirection: 'column',
                         alignItems: 'center',
@@ -388,7 +392,7 @@ export default class HorizontalStep extends Component {
     };
 
     render() {
-        const { style = {}, scrollEnable = false } = this.props;
+        const { style = {} } = this.props;
         return (
             <View style={[style]} onLayout={this.onLayout}>
                 <View

package/Step.js

@@ -3,7 +3,8 @@ import PropTypes from 'prop-types';
 import HorizontalStep from './Step.horizontal';
 import VerticalStep from './Step.vertical';
 
-import { Colors, IconSource } from '@momo-kits/core';
+import { Colors } from '@momo-kits/core';
+
 export default class Step extends Component {
     constructor(props) {
         super(props);

package/package.json

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