#290 ESLint: Fix react/no-array-index-key error

.eslintrc.js

@@ -42,7 +42,7 @@ module.exports = {
     'react/require-default-props': 1,
     'react/destructuring-assignment': 0,
     'react/no-find-dom-node': 1,
-    'react/no-array-index-key': 1,
+    'react/no-array-index-key': 2,
     'react/button-has-type': 1,
     'jsx-a11y/click-events-have-key-events': 1,
     'jsx-a11y/no-noninteractive-tabindex': 1,

src/scripts/AutoAlign.js

@@ -162,6 +162,7 @@ export default function autoAlign(options) {
           } catch (e) {
             targetEl = null;
           }
+          // eslint-disable-next-line react/destructuring-assignment
           const oldTriggerRect = this.state.triggerRect;
           if (targetEl) {
             const {
@@ -232,7 +233,9 @@ export default function autoAlign(options) {
       render() {
         const { triggerRect } = this.state;
         const {
+          // eslint-disable-next-line react/destructuring-assignment
           align = this.state.horizAlign,
+          // eslint-disable-next-line react/destructuring-assignment
           vertAlign = this.state.vertAlign,
           portalClassName: additionalPortalClassName,
           portalStyle: additionalPortalStyle = {},

src/scripts/Datepicker.js

@@ -250,6 +250,7 @@ export default class Datepicker extends Component {
         <thead>
           <tr>
             {moment.weekdaysMin(true).map((wd, i) => (
+              // eslint-disable-next-line react/no-array-index-key
               <th key={i}>
                 <abbr title={moment.weekdays(true, i)}>{wd}</abbr>
               </th>
@@ -258,6 +259,7 @@ export default class Datepicker extends Component {
         </thead>
         <tbody>
           {cal.weeks.map((days, i) => (
+            // eslint-disable-next-line react/no-array-index-key
             <tr key={i}>
               {days.map(this.renderDate.bind(this, cal, selectedDate, today))}
             </tr>

src/scripts/Table.js

@@ -17,6 +17,7 @@ export class TableHeader extends Component {
       const childSortable = child.props.sortable;
       nextChildren.push(
         React.cloneElement(child, {
+          // eslint-disable-next-line react/no-array-index-key
           key: index,
           sortable:
             typeof childSortable === 'undefined' ? sortable : childSortable,

stories/IconStories.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-array-index-key */
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';

stories/ModalStories.js

@@ -175,6 +175,7 @@ storiesOf('Modal', module)
                     <PicklistItem
                       value={i + 1}
                       label={`Item #${i + 1}`}
+                      // eslint-disable-next-line react/no-array-index-key
                       key={i}
                     />
                   ))}

test/breadcrumbs-spec.js

@@ -35,6 +35,7 @@ describe('BreadCrumbs', () => {
     const wrapper = shallow(
       <BreadCrumbs>
         {items.map((item, index) => (
+          // eslint-disable-next-line react/no-array-index-key
           <Crumb key={index} href={item.href}>
             {item.label}
           </Crumb>