@momo-kits/step 0.125.4-rc.6 → 0.150.1-beta.1

package/StepsHorizontal.tsx

@@ -9,7 +9,7 @@ import {
 import StepIcon from './StepIcon';
 import styles from './styles';
 import {Step, StepsProps} from './types';
-import {getStepColor, getStepTypo} from './utils';
+import {GetStepColor, GetStepTypo} from './utils';
 
 type TextAlign = 'left' | 'right' | 'center';
 
@@ -25,11 +25,11 @@ const StepsHorizontal: FC<StepsProps> = ({
   accessibilityLabel = 'steps-horizontal',
 }) => {
   const [timeHeight, setTimeHeight] = useState(0);
+  const { theme } = useContext(ApplicationContext);
 
   const renderStepItem = (item: Step, index: number) => {
     const {title, description, error, time} = item;
-    let typoStyle = getStepTypo(activeIndex, index, error, size, 'horizontal');
-    const {theme} = useContext(ApplicationContext);
+    let typoStyle = GetStepTypo(activeIndex, index, error, size, 'horizontal');
     let alignItems: FlexAlignType = 'center';
     let textAlign: TextAlign = 'center';
 
@@ -119,7 +119,7 @@ const StepsHorizontal: FC<StepsProps> = ({
   ) => {
     const {error} = item;
 
-    const stepStyle = getStepColor(
+    const stepStyle = GetStepColor(
       activeIndex,
       index,
       error,

package/StepsVertical.tsx

@@ -1,10 +1,15 @@
-import {ApplicationContext, Colors, Spacing, Text} from '@momo-kits/foundation';
-import React, {FC, useContext} from 'react';
-import {View, TouchableOpacity} from 'react-native';
+import {
+  ApplicationContext,
+  Colors,
+  Spacing,
+  Text,
+} from '@momo-kits/foundation';
+import React, { FC, useContext } from 'react';
+import { View, TouchableOpacity } from 'react-native';
 import StepIcon from './StepIcon';
 import styles from './styles';
-import {Step, StepsProps} from './types';
-import {getStepColor, getStepTypo} from './utils';
+import { Step, StepsProps } from './types';
+import { GetStepColor, GetStepTypo } from './utils';
 
 const StepsVertical: FC<StepsProps> = ({
   steps,
@@ -15,15 +20,15 @@ const StepsVertical: FC<StepsProps> = ({
   disabled,
   accessibilityLabel = 'steps-vertical',
 }) => {
-  const {theme} = useContext(ApplicationContext);
+  const { theme } = useContext(ApplicationContext);
 
   const renderStepItem = (item: Step, index: number) => {
-    const {error, description, title, time} = item;
+    const { error, description, title, time } = item;
 
-    const stepStyle = getStepColor(activeIndex, index, error, steps.length);
-    const typoStyle = getStepTypo(activeIndex, index, error, size, 'vertical');
+    const stepStyle = GetStepColor(activeIndex, index, error, steps.length);
+    const typoStyle = GetStepTypo(activeIndex, index, error, size, 'vertical');
 
-    const {backgroundColor, borderColor} = stepStyle;
+    const { backgroundColor, borderColor } = stepStyle;
     const lineColor =
       activeIndex > index
         ? theme.colors.primary + '33'
@@ -38,7 +43,8 @@ const StepsVertical: FC<StepsProps> = ({
           <Text
             color={disabled ? theme.colors.text.disable : typoStyle.title.color}
             typography={typoStyle.description.typography}
-            accessibilityLabel={`${accessibilityLabel}-description-${index}`}>
+            accessibilityLabel={`${accessibilityLabel}-description-${index}`}
+          >
             {description}
           </Text>
         );
@@ -55,13 +61,15 @@ const StepsVertical: FC<StepsProps> = ({
         }}
         disabled={disabled || !onPress}
         onPress={() => onPress && onPress(item, index)}
-        accessibilityLabel={`${accessibilityLabel}-touch-${index}`}>
+        accessibilityLabel={`${accessibilityLabel}-touch-${index}`}
+      >
         <View
           style={{
             alignItems: 'center',
             marginRight: Spacing.M,
             minHeight: 48,
-          }}>
+          }}
+        >
           <StepIcon
             size={size}
             error={error}
@@ -75,25 +83,27 @@ const StepsVertical: FC<StepsProps> = ({
             <View
               style={[
                 styles.lineVertical,
-                {backgroundColor: lineColor, marginVertical: Spacing.XS},
+                { backgroundColor: lineColor, marginVertical: Spacing.XS },
               ]}
             />
           )}
         </View>
-        <View style={{flex: 1}}>
+        <View style={{ flex: 1 }}>
           <View
             style={{
               flexDirection: 'row',
               justifyContent: 'space-between',
-            }}>
+            }}
+          >
             <Text
               numberOfLines={2}
-              style={{marginRight: Spacing.S, flex: 1}}
+              style={{ marginRight: Spacing.S, flex: 1 }}
               color={
                 disabled ? theme.colors.text.disable : typoStyle.title.color
               }
               typography={typoStyle.title.typography}
-              accessibilityLabel={`${accessibilityLabel}-title-${index}`}>
+              accessibilityLabel={`${accessibilityLabel}-title-${index}`}
+            >
               {title}
             </Text>
             <Text
@@ -101,7 +111,8 @@ const StepsVertical: FC<StepsProps> = ({
                 disabled ? theme.colors.text.disable : typoStyle.time.color
               }
               typography={typoStyle.time.typography}
-              accessibilityLabel={`${accessibilityLabel}-time-${index}`}>
+              accessibilityLabel={`${accessibilityLabel}-time-${index}`}
+            >
               {time}
             </Text>
           </View>
@@ -111,7 +122,7 @@ const StepsVertical: FC<StepsProps> = ({
     );
   };
   return (
-    <View style={{width: '100%'}}>
+    <View style={{ width: '100%' }}>
       {steps.map((item, index: number) => {
         return renderStepItem(item, index);
       })}

package/package.json

@@ -1,20 +1,19 @@
 {
-  "name": "@momo-kits/step",
-  "version": "0.125.4-rc.6",
-  "private": false,
-  "main": "index.tsx",
-  "dependencies": {},
-  "peerDependencies": {
-    "@momo-kits/foundation": "latest",
-    "prop-types": "^15.7.2",
-    "react": "16.9.0",
-    "react-native": ">=0.55"
-  },
-  "devDependencies": {
-    "@momo-platform/versions": "4.1.11"
-  },
-  "license": "MoMo",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+    "name": "@momo-kits/step",
+    "version": "0.150.1-beta.1",
+    "private": false,
+    "main": "index.tsx",
+    "peerDependencies": {
+        "@momo-kits/foundation": "latest",
+        "react": "*",
+        "react-native": "*"
+    },
+    "devDependencies": {
+        "@momo-platform/versions": "4.1.11"
+    },
+    "license": "MoMo",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "dependencies": {}
+}

package/publish.sh

@@ -1,12 +1,5 @@
 #!/bin/bash
 
-# Prepare dist files
-rm -rf dist
-mkdir dist
-rsync -r --exclude=/dist ./* dist
-cd dist
-
-
 if [ "$1" == "stable" ]; then
   npm version $(npm view @momo-kits/foundation@stable version)
   npm version patch
@@ -14,15 +7,13 @@ if [ "$1" == "stable" ]; then
 elif [ "$1" == "latest" ]; then
   npm version $(npm view @momo-kits/foundation@latest version)
   npm publish --tag latest --access=public
-else
+elif [ "$1" == "beta" ]; then
   npm version $(npm view @momo-kits/step@beta version)
   npm version prerelease --preid=beta
   npm publish --tag beta --access=public
+else
+  npm publish --tag alpha --access=public
 fi
 
 PACKAGE_NAME=$(npm pkg get name)
 NEW_PACKAGE_VERSION=$(npm pkg get version)
-
-# Clean up
-cd ..
-rm -rf dist

package/utils.ts

@@ -58,7 +58,7 @@ const getTypoTitle = (
   }
 };
 
-export const getStepTypo = (
+export const GetStepTypo = (
   activeIndex: number,
   currentIndex: number,
   error?: boolean,
@@ -97,7 +97,7 @@ export const getStepTypo = (
   return {title, description, time};
 };
 
-export const getStepColor = (
+export const GetStepColor = (
   activeIndex: number,
   currentIndex: number,
   error?: boolean,