format all files (for real this time)

rferdosi · Jul 6, 2019 · 8a3af79 · 8a3af79
1 parent 83d36cb
commit 8a3af79
Show file tree

Hide file tree

Showing 60 changed files with 560 additions and 878 deletions.
diff --git a/index.js b/index.js
@@ -17,26 +17,20 @@ const App = () => {
                     textAlign: 'center',
                 }}
             >
-                {
-                    'Welcome to "react-native-svg-charts". \n' +
-                    'To see showcases of all our charts\n'
-                }
+                {'Welcome to "react-native-svg-charts". \n' + 'To see showcases of all our charts\n'}
             </Text>
             <Text
                 style={{
                     fontSize: 14,
                     alignSelf: 'center',
                 }}
             >
-                {
-                    '• Stop your packager \n' +
+                {'• Stop your packager \n' +
                     '• run "yarn storybook" \n' +
                     '• Go to "localhost:7008" in your browser\n' +
                     '• reload your device \n' +
-                    '• browse our charts'
-                }
+                    '• browse our charts'}
             </Text>
-
         </View>
     )
 }

diff --git a/src/card.js b/src/card.js
@@ -2,7 +2,6 @@ import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 
 class Card extends React.PureComponent {
-
     state = {
         hasError: false,
     }
@@ -13,18 +12,11 @@ class Card extends React.PureComponent {
     }
 
     render() {
-        const { hasError }        = this.state
+        const { hasError } = this.state
         const { style, children } = this.props
 
         return (
-            <View style={ [ styles.container, style ] }>
-                {
-                    hasError ?
-                        <Text>{'Something went wrong'}</Text> :
-                        children
-
-                }
-            </View>
+            <View style={[styles.container, style]}>{hasError ? <Text>{'Something went wrong'}</Text> : children}</View>
         )
     }
 }

diff --git a/src/chart-decorators/horizontal-line.js b/src/chart-decorators/horizontal-line.js
@@ -2,18 +2,9 @@ import React from 'react'
 import { Line } from 'react-native-svg'
 
 class HorizontalLine extends React.Component {
-
     render() {
         const { y, value, ...other } = this.props
-        return (
-            <Line
-                x1={ '0%' }
-                x2={ '100%' }
-                y1={ y(value) }
-                y2={ y(value) }
-                { ...other }
-            />
-        )
+        return <Line x1={'0%'} x2={'100%'} y1={y(value)} y2={y(value)} {...other} />
     }
 }
 

diff --git a/src/chart-decorators/point.js b/src/chart-decorators/point.js
@@ -4,18 +4,10 @@ import { Circle } from 'react-native-svg'
 
 const Point = ({ x, y, value, index, radius, color }) => {
     if (isNaN(value)) {
-        return <Circle/>
+        return <Circle />
     }
 
-    return (
-        <Circle
-            cx={ x(index) }
-            cy={ y(value) }
-            r={ radius }
-            stroke={ color }
-            fill={ 'white' }
-        />
-    )
+    return <Circle cx={x(index)} cy={y(value)} r={radius} stroke={color} fill={'white'} />
 }
 
 Point.propTypes = {

diff --git a/src/chart-decorators/tooltip.js b/src/chart-decorators/tooltip.js
@@ -5,45 +5,13 @@ import { Circle, G, Line, Rect, Text } from 'react-native-svg'
 const Tooltip = ({ x, y, value, index, height, text, stroke, pointStroke }) => {
     return (
         <G>
-            <Line
-                x1={ x(index) }
-                y1={ height }
-                x2={ x(index) }
-                y2={ 20 }
-                stroke={ stroke }
-            />
-            <Circle
-                cx={ x(index) }
-                cy={ y(value) }
-                r={ 4 }
-                stroke={ pointStroke }
-                strokeWidth={ 2 }
-                fill={ 'white' }
-            />
-            <G x={ x(index) < 40 ? 40 : x(index) } y={ 10 }>
-                <Rect
-                    x={ -40 }
-                    y={ 1 }
-                    width={ 80 }
-                    height={ 20 }
-                    fill={ 'rgba(0, 0, 0, 0.2)' }
-                    rx={ 2 }
-                    ry={ 2 }
-                />
-                <Rect
-                    x={ -40 }
-                    y={ 0 }
-                    width={ 80 }
-                    height={ 20 }
-                    fill={ 'white' }
-                    rx={ 2 }
-                    ry={ 2 }
-                />
-                <Text
-                    fontSize="12"
-                    textAnchor="middle"
-                >
-                    { text }
+            <Line x1={x(index)} y1={height} x2={x(index)} y2={20} stroke={stroke} />
+            <Circle cx={x(index)} cy={y(value)} r={4} stroke={pointStroke} strokeWidth={2} fill={'white'} />
+            <G x={x(index) < 40 ? 40 : x(index)} y={10}>
+                <Rect x={-40} y={1} width={80} height={20} fill={'rgba(0, 0, 0, 0.2)'} rx={2} ry={2} />
+                <Rect x={-40} y={0} width={80} height={20} fill={'white'} rx={2} ry={2} />
+                <Text fontSize='12' textAnchor='middle'>
+                    {text}
                 </Text>
             </G>
         </G>

diff --git a/src/extra.js b/src/extra.js
@@ -4,11 +4,9 @@ import { G } from 'react-native-svg'
 const Extra = ({ children, ...props }) => {
     return (
         <G>
-            {
-                React.Children.map(children, child => {
-                    return React.cloneElement(child, props)
-                })
-            }
+            {React.Children.map(children, (child) => {
+                return React.cloneElement(child, props)
+            })}
         </G>
     )
 }

diff --git a/src/grid.js b/src/grid.js
@@ -5,51 +5,46 @@ import { G, Line } from 'react-native-svg'
 const Horizontal = ({ ticks = [], y, svg }) => {
     return (
         <G>
-            {
-                ticks.map(tick => (
-                    <Line
-                        key={ tick }
-                        x1={ '0%' }
-                        x2={ '100%' }
-                        y1={ y(tick) }
-                        y2={ y(tick) }
-                        strokeWidth={ 1 }
-                        stroke={ 'rgba(0,0,0,0.2)' }
-                        { ...svg }
-                    />
-                ))
-            }
+            {ticks.map((tick) => (
+                <Line
+                    key={tick}
+                    x1={'0%'}
+                    x2={'100%'}
+                    y1={y(tick)}
+                    y2={y(tick)}
+                    strokeWidth={1}
+                    stroke={'rgba(0,0,0,0.2)'}
+                    {...svg}
+                />
+            ))}
         </G>
     )
 }
 
 const Vertical = ({ ticks = [], x, svg }) => {
     return (
         <G>
-            {
-                ticks.map((tick, index) => (
-                    <Line
-                        key={ index }
-                        y1={ '0%' }
-                        y2={ '100%' }
-                        x1={ x(tick) }
-                        x2={ x(tick) }
-                        strokeWidth={ 1 }
-                        stroke={ 'rgba(0,0,0,0.2)' }
-                        { ...svg }
-                    />
-                ))
-
-            }
+            {ticks.map((tick, index) => (
+                <Line
+                    key={index}
+                    y1={'0%'}
+                    y2={'100%'}
+                    x1={x(tick)}
+                    x2={x(tick)}
+                    strokeWidth={1}
+                    stroke={'rgba(0,0,0,0.2)'}
+                    {...svg}
+                />
+            ))}
         </G>
     )
 }
 
 const Both = (props) => {
     return (
         <G>
-            <Horizontal { ...props }/>
-            <Vertical { ...props }/>
+            <Horizontal {...props} />
+            <Vertical {...props} />
         </G>
     )
 }
@@ -78,11 +73,11 @@ const Direction = {
 
 const Grid = ({ direction, ...props }) => {
     if (direction === Direction.VERTICAL) {
-        return <Vertical { ...props } />
+        return <Vertical {...props} />
     } else if (direction === Direction.HORIZONTAL) {
-        return <Horizontal { ...props } />
+        return <Horizontal {...props} />
     } else if (direction === Direction.BOTH) {
-        return <Both { ...props } />
+        return <Both {...props} />
     }
 
     return null