Select -> LegacySelect

src/components/FeesField/BitcoinKind.js

@@ -5,7 +5,7 @@ import type { Account } from '@ledgerhq/live-common/lib/types'
 import styled from 'styled-components'
 
 import InputCurrency from 'components/base/InputCurrency'
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 import type { Fees } from 'api/Fees'
 import WithFeesAPI from '../WithFeesAPI'
 import GenericContainer from './GenericContainer'

src/components/SelectAccount/index.js

@@ -12,7 +12,7 @@ import type { T } from 'types/common'
 
 import { getVisibleAccounts } from 'reducers/accounts'
 
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 import FormattedVal from 'components/base/FormattedVal'
 import Box from 'components/base/Box'
 import Text from 'components/base/Text'

src/components/SelectCurrency/index.js

@@ -11,7 +11,7 @@ import type { T } from 'types/common'
 import { availableCurrencies } from 'reducers/settings'
 
 import CryptoCurrencyIcon from 'components/CryptoCurrencyIcon'
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 import Box from 'components/base/Box'
 
 const renderItem = (currency: CryptoCurrency) => {

src/components/SelectExchange.js

@@ -2,7 +2,7 @@
 import React, { Component } from 'react'
 import type { Currency } from '@ledgerhq/live-common/lib/types'
 import type { Exchange } from '@ledgerhq/live-common/lib/countervalues/types'
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 import Box from 'components/base/Box'
 import Text from 'components/base/Text'
 import CounterValues from 'helpers/countervalues'

src/components/SettingsPage/sections/Display.js

@@ -7,7 +7,7 @@ import { listFiatCurrencies } from '@ledgerhq/live-common/lib/helpers/currencies
 import type { SettingsState as Settings } from 'reducers/settings'
 import type { T } from 'types/common'
 
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 import RadioGroup from 'components/base/RadioGroup'
 import IconDisplay from 'icons/Display'
 import languageKeys from 'config/languages'

src/components/base/InputCurrency/index.js

@@ -10,7 +10,7 @@ import isNaN from 'lodash/isNaN'
 
 import Box from 'components/base/Box'
 import Input from 'components/base/Input'
-import Select from 'components/base/Select'
+import Select from 'components/base/LegacySelect'
 
 import type { Unit } from '@ledgerhq/live-common/lib/types'
 

src/components/base/Select/index.js → src/components/base/LegacySelect/index.js

@@ -144,7 +144,7 @@ const renderSelectedItem = ({ selectedItem, renderSelected, placeholder }: any)
     <Text color="fog">{placeholder}</Text>
   )
 
-class Select extends PureComponent<Props> {
+class LegacySelect extends PureComponent<Props> {
   static defaultProps = {
     bg: undefined,
     disabled: false,
@@ -340,4 +340,4 @@ class Select extends PureComponent<Props> {
   }
 }
 
-export default Select
+export default LegacySelect

src/components/base/Select/stories.js → src/components/base/LegacySelect/stories.js

@@ -5,10 +5,10 @@ import { storiesOf } from '@storybook/react'
 import { boolean } from '@storybook/addon-knobs'
 
 import Box from 'components/base/Box'
-import Select from 'components/base/Select'
+import LegacySelect from 'components/base/LegacySelect'
 import Text from 'components/base/Text'
 
-const stories = storiesOf('Components/base/Select', module)
+const stories = storiesOf('Components/base/LegacySelect', module)
 
 const itemsChessPlayers = [
   { key: 'aleksandr-grichtchouk', name: 'Aleksandr Grichtchouk' },
@@ -57,7 +57,7 @@ class Wrapper extends PureComponent<any, State> {
 stories.add('basic', () => (
   <Wrapper>
     {onChange => (
-      <Select
+      <LegacySelect
         disabled={boolean('disabled', false)}
         placeholder="Choose a chess player..."
         items={itemsChessPlayers}
@@ -69,7 +69,7 @@ stories.add('basic', () => (
 ))
 
 stories.add('searchable', () => (
-  <Select
+  <LegacySelect
     placeholder="Choose a chess player..."
     items={itemsChessPlayers}
     searchable
@@ -95,7 +95,7 @@ const itemsColors = [
 ]
 
 stories.add('custom render', () => (
-  <Select
+  <LegacySelect
     placeholder="Choose a color..."
     items={itemsColors}
     highlight

src/components/modals/AccountSettingRenderBody.js

@@ -18,7 +18,7 @@ import CryptoCurrencyIcon from 'components/CryptoCurrencyIcon'
 import Box from 'components/base/Box'
 import Button from 'components/base/Button'
 import Input, { ErrorMessageInput } from 'components/base/Input'
-import Select from 'components/base/Select/index'
+import Select from 'components/base/LegacySelect'
 import { ModalBody, ModalTitle, ModalFooter, ModalContent } from 'components/base/Modal'
 
 type State = {