linting fixes and gradlew revert

android/gradlew

@@ -1,4 +1,4 @@
-#!/bin/sh
+#!/usr/bin/env bash
 
 ##############################################################################
 ##

lib/bpk-appearance/src/BpkAppearance.js

@@ -38,6 +38,7 @@ const appearance = {
   addChangeListener: (listener: (BpkAppearancePreferences) => void) => {
     Appearance.addChangeListener(listener);
   },
+  // eslint-disable-next-line no-unused-vars
   removeChangeListener: (listener: (BpkAppearancePreferences) => void) => {
     // Appearance.addChangeListener(listener).remove();
   },

lib/bpk-appearance/src/BpkAppearanceConsumer-test.js

@@ -34,6 +34,7 @@ jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
   removeChangeListener: jest.fn(),
 }));
 
+// eslint-disable-next-line react/prop-types
 const TestComponent = ({ bpkAppearance }) => {
   TestComponent.currentAppearance = bpkAppearance;
   return null;

lib/bpk-appearance/src/hooks-test.js

@@ -37,6 +37,7 @@ jest.mock('react-native/Libraries/Utilities/Appearance', () => ({
   removeChangeListener: jest.fn(),
 }));
 
+// eslint-disable-next-line react/prop-types
 const TestComponent = ({ hook }) => {
   TestComponent.currentValue = hook();
   return null;

lib/bpk-component-banner-alert/stories.js

@@ -147,7 +147,7 @@ class BpkBannerAlertFadeDemo extends Component<
         <View>
           {[...Array(this.state.bannerAlertCount)].map((e, i) => (
             <DismissableBannerAlert
-              key={i.toString()}
+              key={i.toString()} // eslint-disable-line react/no-array-index-key
               bannerStyle={this.props.bannerStyle}
               message={this.props.message}
               type={this.props.type}

lib/bpk-component-carousel-indicator/src/BpkCarouselIndicator.js

@@ -125,15 +125,14 @@ const transitionGroupSorter = (children) =>
 const BpkCarouselIndicator = (props: Props) => {
   const { pageCount, selectedIndex, style, ...rest } = props;
 
-  const indicators = new Array(pageCount)
-    .fill()
-    .map((_, index) => (
-      <BpkCarouselIndicatorDot
-        key={index.toString()}
-        selected={selectedIndex === index}
-        size={getIndicatorSize(pageCount, index, selectedIndex)}
-      />
-    ));
+  const indicators = new Array(pageCount).fill().map((_, index) => (
+    <BpkCarouselIndicatorDot
+      // eslint-disable-next-line react/no-array-index-key
+      key={index.toString()}
+      selected={selectedIndex === index}
+      size={getIndicatorSize(pageCount, index, selectedIndex)}
+    />
+  ));
 
   const { begin, end } = getIndicatorSlice(pageCount, selectedIndex);
 

lib/bpk-component-carousel-indicator/stories.js

@@ -148,6 +148,7 @@ storiesOf('bpk-component-carousel-indicator', module)
   .add('docs:default', () => (
     <View>
       {new Array(5).fill().map((_, index) => (
+        // eslint-disable-next-line react/no-array-index-key
         <View key={index.toString()} style={styles.storyInstance}>
           <StorySubheading>
             {index + 1} page{index === 0 ? '' : 's'}
@@ -161,6 +162,7 @@ storiesOf('bpk-component-carousel-indicator', module)
         </StorySubheading>
         {new Array(6).fill().map((_, index) => (
           <BpkCarouselIndicator
+            // eslint-disable-next-line react/no-array-index-key
             key={index.toString()}
             pageCount={6}
             selectedIndex={index}
@@ -174,6 +176,7 @@ storiesOf('bpk-component-carousel-indicator', module)
     <View>
       {new Array(6).fill().map((_, index) => (
         <View
+          // eslint-disable-next-line react/no-array-index-key
           key={index.toString()}
           style={[styles.colorBlock, { backgroundColor: pageColors[index] }]}
         >

lib/bpk-component-horizontal-nav/stories.js

@@ -87,6 +87,7 @@ const StoryNav = (props) => {
           title="Item"
           small={small}
           id={index.toString()}
+          // eslint-disable-next-line react/no-array-index-key
           key={index.toString()}
           onPress={action(`Nav item ${index} pressed`)}
         />