chore: Lint files

zanechua · Jun 23, 2021 · f76d51c · f76d51c
1 parent c3d8214
commit f76d51c
Show file tree

Hide file tree

Showing 11 changed files with 128 additions and 119 deletions.
diff --git a/example.js b/example.js
@@ -115,7 +115,7 @@ const SearchListExample = () => {
     <View style={styles.container}>
       <SearchList
         data={dataSource}
-        itemOnPress={item => {
+        itemOnPress={(item) => {
           console.log('Single Item :: ', item);
         }}
         rowHeight={40}
@@ -150,4 +150,4 @@ const styles = StyleSheet.create({
   }
 });
 
-export default SearchListExample;
+export default SearchListExample;
diff --git a/src/SearchList.js b/src/SearchList.js
@@ -7,7 +7,8 @@ import {
   Image,
   Platform,
   SectionList,
-  TouchableOpacity, Alert
+  TouchableOpacity,
+  Alert
 } from 'react-native';
 
 import React, { Component } from 'react';
@@ -18,7 +19,7 @@ import { sTrim } from './utils';
 
 import SearchService from './SearchService';
 
-import { 
+import {
   SearchBar,
   Toolbar,
   SectionIndex,
@@ -27,7 +28,7 @@ import {
   Empty,
   EmptyResult,
   SectionHeader,
-  SectionIndexItem,
+  SectionIndexItem
 } from './components';
 
 export default class SearchList extends Component {
@@ -170,7 +171,10 @@ export default class SearchList extends Component {
       const copiedSource = Array.from(data);
       this.setState({ originalListData: copiedSource });
       this.parseInitList(
-        SearchService.sortList(SearchService.initList(copiedSource, searchCursor), this.props.sortFunc)
+        SearchService.sortList(
+          SearchService.initList(copiedSource, searchCursor),
+          this.props.sortFunc
+        )
       );
       resolve();
     });
@@ -224,7 +228,7 @@ export default class SearchList extends Component {
    */
   _renderSectionHeader({ section: { title } }) {
     const { sectionHeaderHeight } = this.props;
-    return <SectionHeader title={title} sectionHeaderHeight={sectionHeaderHeight} />
+    return <SectionHeader title={title} sectionHeaderHeight={sectionHeaderHeight} />;
   }
 
   /**
@@ -235,8 +239,10 @@ export default class SearchList extends Component {
    * @private
    */
   _renderSectionIndexItem(section) {
-    const { colors: { sectionIndexTextColor } } = this.props;
-    return <SectionIndexItem section={section} sectionIndexTextColor={sectionIndexTextColor} />
+    const {
+      colors: { sectionIndexTextColor }
+    } = this.props;
+    return <SectionIndexItem section={section} sectionIndexTextColor={sectionIndexTextColor} />;
   }
 
   /**
@@ -295,18 +301,20 @@ export default class SearchList extends Component {
   _renderRow({ index, item, section }) {
     const { searchCursor, itemOnPress } = this.props;
     return (
-    <TouchableOpacity
-      onPress={() => typeof itemOnPress === 'undefined' ? this.itemOnPress(item) : itemOnPress(item)} >
-      <View style={{ flex: 1, marginLeft: 20, height: 40, justifyContent: 'center' }}>
-        {/* use `HighlightableText` to highlight the search result */}
-        <HighlightableText
-          matcher={item.matcher}
-          text={item[searchCursor]}
-          textColor="#000000"
-          hightlightTextColor="#0069c0"
-        />
-      </View>
-    </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() =>
+          typeof itemOnPress === 'undefined' ? this.itemOnPress(item) : itemOnPress(item)
+        }>
+        <View style={{ flex: 1, marginLeft: 20, height: 40, justifyContent: 'center' }}>
+          {/* use `HighlightableText` to highlight the search result */}
+          <HighlightableText
+            matcher={item.matcher}
+            text={item[searchCursor]}
+            textColor="#000000"
+            hightlightTextColor="#0069c0"
+          />
+        </View>
+      </TouchableOpacity>
     );
   }
 
@@ -458,7 +466,11 @@ export default class SearchList extends Component {
     const { searchCursor, renderEmptyResult, renderEmpty, data } = this.props;
 
     if (isSearching && !isReady && searchStr !== '') {
-      return typeof renderEmptyResult === 'undefined' ? <EmptyResult searchStr={searchStr} /> : renderEmptyResult(searchStr)
+      return typeof renderEmptyResult === 'undefined' ? (
+        <EmptyResult searchStr={searchStr} />
+      ) : (
+        renderEmptyResult(searchStr)
+      );
     }
     if (data && data.length > 0 && isReady) {
       return (
@@ -486,7 +498,9 @@ export default class SearchList extends Component {
         />
       );
     }
-    {typeof renderEmpty === 'undefined' ? <Empty/> : renderEmpty()}
+    {
+      typeof renderEmpty === 'undefined' ? <Empty /> : renderEmpty();
+    }
   }
 
   /**
@@ -593,12 +607,8 @@ export default class SearchList extends Component {
    * @private
    */
   _renderSectionIndex() {
-    const {
-      hideSectionList,
-      toolbarHeight,
-      sectionIndexContainerStyle,
-      renderSectionIndexItem
-    } = this.props;
+    const { hideSectionList, toolbarHeight, sectionIndexContainerStyle, renderSectionIndexItem } =
+      this.props;
     const { isSearching, sectionIds, animatedValue } = this.state;
 
     if (isSearching) {

diff --git a/src/SearchService.js b/src/SearchService.js
@@ -83,7 +83,7 @@ export default class SearchService {
   static sortResultList(searchResultList, resultSortFunc) {
     searchResultList.sort(
       resultSortFunc ||
-        function (a, b) {
+        ((a, b) => {
           if (b.matcher && a.matcher) {
             if (b.matcher.charMatchStartIndex < a.matcher.charMatchStartIndex) {
               return 1;
@@ -94,7 +94,7 @@ export default class SearchService {
             return 0;
           }
           return 0;
-        }
+        })
     );
 
     const { formattedData } = this.parseList(searchResultList);
@@ -148,9 +148,7 @@ export default class SearchService {
           formattedData.push({ title: orderIndex, data: [] });
         }
 
-        const rowData = formattedData.find((object) => {
-          return object.title === orderIndex;
-        });
+        const rowData = formattedData.find((object) => object.title === orderIndex);
 
         rowData.data.push(item);
       }
@@ -202,15 +200,23 @@ export default class SearchService {
   static sortList(sourceData, sortFunc) {
     sourceData.sort(
       sortFunc ||
-        function (a, b) {
-          if (!isCharacter(b.orderIndex) || b.orderIndex > a.orderIndex || b.isChinese > a.isChinese) {
+        ((a, b) => {
+          if (
+            !isCharacter(b.orderIndex) ||
+            b.orderIndex > a.orderIndex ||
+            b.isChinese > a.isChinese
+          ) {
             return -1;
           }
-          if (!isCharacter(a.orderIndex) || b.orderIndex < a.orderIndex || b.isChinese < a.isChinese) {
+          if (
+            !isCharacter(a.orderIndex) ||
+            b.orderIndex < a.orderIndex ||
+            b.isChinese < a.isChinese
+          ) {
             return 1;
           }
           return 0;
-        }
+        })
     );
 
     return sourceData;

diff --git a/src/components/Empty.js b/src/components/Empty.js
@@ -2,12 +2,10 @@ import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import styles from '../styles';
 
-const Empty = () => {
-  return (
-    <View style={styles.emptyContainer}>
-      <Text style={styles.emptyText}>No Content</Text>
-    </View>
-  );
-};
+const Empty = () => (
+  <View style={styles.emptyContainer}>
+    <Text style={styles.emptyText}>No Content</Text>
+  </View>
+);
 
 export default Empty;
diff --git a/src/components/EmptyResult.js b/src/components/EmptyResult.js
@@ -2,18 +2,16 @@ import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import styles from '../styles';
 
-const EmptyResult = (searchStr) => {
-  return (
-    <View style={styles.emptyContainer}>
-      <Text style={styles.emptyText}>
-        {' '}
-        No Result For <Text style={{ color: '#171a23', fontSize: 18 }}>{searchStr}</Text>
-      </Text>
-      <Text style={{ color: '#979797', fontSize: 18, alignItems: 'center', paddingTop: 10 }}>
-        Please search again
-      </Text>
-    </View>
-  );
-};
+const EmptyResult = (searchStr) => (
+  <View style={styles.emptyContainer}>
+    <Text style={styles.emptyText}>
+      {' '}
+      No Result For <Text style={{ color: '#171a23', fontSize: 18 }}>{searchStr}</Text>
+    </Text>
+    <Text style={{ color: '#979797', fontSize: 18, alignItems: 'center', paddingTop: 10 }}>
+      Please search again
+    </Text>
+  </View>
+);
 
 export default EmptyResult;
diff --git a/src/components/SearchBar.js b/src/components/SearchBar.js
@@ -168,7 +168,8 @@ export default class SearchBar extends Component {
               styles.searchTextInputStyle,
               this.props.showSearchIcon ? '' : { paddingLeft: 8 },
               {
-                color: this.props.searchInputTextColorActive && !this.state.isSearching
+                color:
+                  this.props.searchInputTextColorActive && !this.state.isSearching
                     ? this.props.searchInputTextColorActive
                     : this.props.searchInputTextColor || '#979797'
               },
@@ -184,7 +185,10 @@ export default class SearchBar extends Component {
 
           <Animated.View pointerEvents="none" style={[styles.leftSearchIconStyle]}>
             {this.props.showSearchIcon ? (
-              <Text style={[styles.searchIconStyle, { color: this.props.searchIconColor }]}>{' '}&#x26B2;</Text>
+              <Text style={[styles.searchIconStyle, { color: this.props.searchIconColor }]}>
+                {' '}
+                &#x26B2;
+              </Text>
             ) : null}
           </Animated.View>
         </Animated.View>

diff --git a/src/components/SectionHeader.js b/src/components/SectionHeader.js
@@ -2,18 +2,16 @@ import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import styles from '../styles';
 
-const SectionHeader = ({ title, sectionHeaderHeight }) => {
-  return (
-    <View style={[styles.sectionHeader, { height: sectionHeaderHeight }]}>
-      <View
-        style={{
-          justifyContent: 'center',
-          height: sectionHeaderHeight
-        }}>
-        <Text style={styles.sectionTitle}>{title}</Text>
-      </View>
+const SectionHeader = ({ title, sectionHeaderHeight }) => (
+  <View style={[styles.sectionHeader, { height: sectionHeaderHeight }]}>
+    <View
+      style={{
+        justifyContent: 'center',
+        height: sectionHeaderHeight
+      }}>
+      <Text style={styles.sectionTitle}>{title}</Text>
     </View>
-  );
-};
+  </View>
+);
 
 export default SectionHeader;
diff --git a/src/components/SectionIndex.js b/src/components/SectionIndex.js
@@ -49,19 +49,17 @@ export default class SectionIndex extends Component {
     const { renderSectionItem, sections } = this.props;
     const renderedSections =
       sections && sections.length > 0 ? (
-        sections.map((section, index) => {
-          return (
-            <View key={index} pointerEvents="none">
-              {renderSectionItem ? (
-                renderSectionItem(section)
-              ) : (
-                <View style={styles.item}>
-                  <Text style={styles.text}>{section}</Text>
-                </View>
-              )}
-            </View>
-          );
-        })
+        sections.map((section, index) => (
+          <View key={index} pointerEvents="none">
+            {renderSectionItem ? (
+              renderSectionItem(section)
+            ) : (
+              <View style={styles.item}>
+                <Text style={styles.text}>{section}</Text>
+              </View>
+            )}
+          </View>
+        ))
       ) : (
         <View />
       );

diff --git a/src/components/SectionIndexItem.js b/src/components/SectionIndexItem.js
@@ -2,18 +2,16 @@ import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import styles from '../styles';
 
-const SectionIndexItem = ({ section, sectionIndexTextColor}) => {
-  return (
-    <Text
-      style={{
-        textAlign: 'center',
-        color: sectionIndexTextColor,
-        fontSize: 14,
-        height: 20
-      }}>
-      {section}
-    </Text>
-  );
-};
+const SectionIndexItem = ({ section, sectionIndexTextColor }) => (
+  <Text
+    style={{
+      textAlign: 'center',
+      color: sectionIndexTextColor,
+      fontSize: 14,
+      height: 20
+    }}>
+    {section}
+  </Text>
+);
 
 export default SectionIndexItem;