old_contents: import React from 'react';
  import css from './ListDropdown.css';
  import List from '@folio/stripes-components/lib/List';
  import TextField from '@folio/stripes-components/lib/TextField';
  import Button from '@folio/stripes-components/lib/Button';
  import Icon from '@folio/stripes-components/lib/Icon';
  
  function ListDropdown(props){
    
    const handleItemClick = (item) => props.onClickItem(item);
    const handleSearchChange = (e) => props.onChangeSearch(e);  
  
    const permissionDDFormatter = (item) => (
      <li key={item.permissionName} >
        <button type="button" className={css.itemControl} onClick={() => {handleItemClick(item)}}>
          {!item.displayName?item.permissionName:item.displayName}
        </button>
      </li>
    );
      
    return(
      <div>
        <TextField 
          noBorder 
          placeholder="Search" 
          startControl={<Icon icon="search"/>}
          onChange={handleSearchChange}
        />
        <List 
          itemFormatter={permissionDDFormatter}
          items={props.items}
          listClass={css.ListDropdown}
        />
      </div>
    );
  }
  
  export default ListDropdown;
  
  
new_contents: // We have to remove node_modules/react to avoid having multiple copies loaded.
  // eslint-disable-next-line import/no-unresolved
  import React from 'react';
  import List from '@folio/stripes-components/lib/List';
  import TextField from '@folio/stripes-components/lib/TextField';
  import Icon from '@folio/stripes-components/lib/Icon';
  import css from './ListDropdown.css';
  
  function ListDropdown(props) {
    const handleItemClick = item => props.onClickItem(item);
    const handleSearchChange = e => props.onChangeSearch(e);
  
    const permissionDDFormatter = item => (
      <li key={item.permissionName} >
        <button type="button" className={css.itemControl} onClick={() => { handleItemClick(item); }}>
          {!item.displayName ? item.permissionName : item.displayName}
        </button>
      </li>
    );
  
    return (
      <div>
        <TextField
          noBorder
          placeholder="Search"
          startControl={<Icon icon="search" />}
          onChange={handleSearchChange}
        />
        <List
          itemFormatter={permissionDDFormatter}
          items={props.items}
          listClass={css.ListDropdown}
        />
      </div>
    );
  }
  
  ListDropdown.propTypes = {
    onChangeSearch: React.PropTypes.func.isRequired,
    items: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
  };
  
  export default ListDropdown;
  
subject: Fix many ESLint errors (STRIPES-100)