Updates brave-ui to 0.20.x

Author: NejcZdovc

components/brave_new_tab_ui/components/app.tsx

@@ -7,7 +7,8 @@ import { DragDropContext } from 'react-dnd'
 import { bindActionCreators, Dispatch } from 'redux'
 import { connect } from 'react-redux'
 import HTML5Backend from 'react-dnd-html5-backend'
-import { Grid, Column, Clock } from 'brave-ui'
+import { Grid, Column } from 'brave-ui/components'
+import { Clock } from 'brave-ui/old'
 
 // Components
 import Stats from './stats'

components/brave_new_tab_ui/components/newPrivateTab.tsx

@@ -4,17 +4,16 @@
 
 import * as React from 'react'
 import { getLocale } from '../../common/locale'
+import { Grid, Column } from 'brave-ui/components'
 import {
   Page,
-  Grid,
-  Column,
   MediaContent,
   BoxedContent,
   Heading,
   Paragraph,
   SwitchButton,
   Clock
-} from 'brave-ui'
+} from 'brave-ui/old'
 
 // Components
 import Stats from './stats'

components/brave_new_tab_ui/components/stats.tsx

@@ -3,7 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import { DataBlock, DataItem } from 'brave-ui/dataBlock'
+import { DataBlock, DataItem } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/app.tsx

@@ -5,8 +5,8 @@
 import * as React from 'react'
 import { bindActionCreators, Dispatch } from 'redux'
 import { connect } from 'react-redux'
-import { UnstyledButton } from 'brave-ui'
-import Panel from 'brave-ui/v1/panel'
+import { UnstyledButton } from 'brave-ui/old'
+import Panel from 'brave-ui/old/v1/panel'
 
 // Components
 import BraveScreen from './braveScreen'

components/brave_welcome_ui/components/braveScreen.tsx

@@ -3,9 +3,9 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import Image from 'brave-ui/v1/image'
-import { PushButton } from 'brave-ui/v1/pushButton'
-import { Heading, Paragraph } from 'brave-ui'
+import Image from 'brave-ui/old/v1/image'
+import { PushButton } from 'brave-ui/old/v1/pushButton'
+import { Heading, Paragraph } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/featuresScreen.tsx

@@ -3,9 +3,9 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import Image from 'brave-ui/v1/image'
-import { PushButtonLink } from 'brave-ui/v1/pushButton'
-import { Heading, Paragraph } from 'brave-ui'
+import Image from 'brave-ui/old/v1/image'
+import { PushButtonLink } from 'brave-ui/old/v1/pushButton'
+import { Heading, Paragraph } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/footer.tsx

@@ -3,9 +3,10 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import { PushButton, PushButtonLink } from 'brave-ui/v1/pushButton'
-import ArrowRight from 'brave-ui/v1/icons/arrowRight'
-import { Grid, Column, Anchor } from 'brave-ui'
+import { PushButton, PushButtonLink } from 'brave-ui/old/v1/pushButton'
+import ArrowRight from 'brave-ui/old/v1/icons/arrowRight'
+import { Grid, Column } from 'brave-ui/components'
+import { Anchor } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/importScreen.tsx

@@ -3,9 +3,9 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import Image from 'brave-ui/v1/image'
-import { PushButton } from 'brave-ui/v1/pushButton'
-import { Heading, Paragraph } from 'brave-ui'
+import Image from 'brave-ui/old/v1/image'
+import { PushButton } from 'brave-ui/old/v1/pushButton'
+import { Heading, Paragraph } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/rewardsScreen.tsx

@@ -3,9 +3,9 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import { Heading, Paragraph } from 'brave-ui'
-import Image from 'brave-ui/v1/image'
-import { PushButtonLink } from 'brave-ui/v1/pushButton'
+import { Heading, Paragraph } from 'brave-ui/old'
+import Image from 'brave-ui/old/v1/image'
+import { PushButtonLink } from 'brave-ui/old/v1/pushButton'
 
 // Constants
 import { theme } from '../constants/theme'

components/brave_welcome_ui/components/shieldsScreen.tsx

@@ -3,8 +3,8 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
-import Image from 'brave-ui/v1/image'
-import { Heading, Paragraph } from 'brave-ui'
+import Image from 'brave-ui/old/v1/image'
+import { Heading, Paragraph } from 'brave-ui/old'
 
 // Constants
 import { theme } from '../constants/theme'

components/webpack/dev.config.js

@@ -20,7 +20,7 @@ module.exports = {
     new webpack.IgnorePlugin(/[^/]+\/[\S]+.dev$/)
   ],
   resolve: {
-    extensions: ['.ts', '.tsx', '.js']
+    extensions: ['.js', '.tsx', '.ts']
   },
   module: {
     rules: [

components/webpack/prod.config.js

@@ -31,7 +31,7 @@ module.exports = {
     })
   ],
   resolve: {
-    extensions: ['.ts', '.tsx', '.js']
+    extensions: ['.js', '.tsx', '.ts']
   },
   module: {
     rules: [