feat: Use raw toolbox components

chore: Upgrade toolbox

Author: drager

package.json

@@ -19,7 +19,7 @@
     "react": "^15.4.1",
     "react-addons-css-transition-group": "^15.4.2",
     "react-dom": "^15.4.1",
-    "react-toolbox": "^1.3.3",
+    "react-toolbox": "^2.0.0-beta.8",
     "tscomp": "^0.8.0",
     "tslint": "^4.0.2",
     "tslint-config-beanloop": "^0.1.0"

src/backtick.tsx

@@ -15,7 +15,7 @@ export const StyledBacktick: StatelessComponent<{
   z-index: 11;
   background-color: rgba(0, 0, 0, 0.54);
   will-change: opacity;
-`
+` as any
 
 export const Backtick = ({open, onClick}) =>
   <TransitionMotion

src/datetime-picker.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import {ComponentClass, ReactType, StatelessComponent} from 'react'
 import {themr} from 'react-css-themr'
-import {IconButton} from 'react-toolbox/lib/button'
+import IconButton from 'react-toolbox/lib/button/IconButton'
 import calendarFactory from 'react-toolbox/lib/date_picker/Calendar'
 import datePickerDialogFactory from 'react-toolbox/lib/date_picker/DatePickerDialog'
 import dateTheme from 'react-toolbox/lib/date_picker/theme.scss'

src/edit-list.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import {ReactChild} from 'react'
 import {FieldConfig, FormHelper} from 'react-form-helper'
 import {getValue} from 'react-form-helper/dist/src/helpers'
-import {IconButton} from 'react-toolbox/lib/button'
+import IconButton from 'react-toolbox/lib/button/IconButton'
 import Input from 'react-toolbox/lib/input'
 import compose from 'recompose/compose'
 import lifecycle from 'recompose/lifecycle'

src/loading-button.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import {Component} from 'react'
-import {Button} from 'react-toolbox/lib/button'
+import Button from 'react-toolbox/lib/button/Button'
 import {Spinner} from './spinner'
 
 export type Props = {

src/menu.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
-import {IconButton} from 'react-toolbox/lib/button'
-import {IconMenu, MenuItem} from 'react-toolbox/lib/menu'
+import IconButton from 'react-toolbox/lib/button/IconButton'
+import IconMenu from 'react-toolbox/lib/menu/IconMenu'
+import MenuItem from 'react-toolbox/lib/menu/MenuItem'
 import {withMedia} from 'react-with-media'
 import {Row} from 'styled-material/dist/src/layout'
 

src/spinner.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import {StatelessComponent} from 'react'
-import ProgressBar from 'react-toolbox/lib/progress_bar'
+import ProgressBar from 'react-toolbox/lib/progress_bar/ProgressBar'
 import compose from 'recompose/compose'
 import lifecycle from 'recompose/lifecycle'
 import withState from 'recompose/withState'

yarn.lock

@@ -21,11 +21,7 @@
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/@types/ramda/-/ramda-0.0.2.tgz#04e9b560b118eaf48542945ef9b2701c3f9832e3"
 
-"@types/react@^15.0.0":
-  version "15.0.14"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-15.0.14.tgz#07a739b20b0d4cf946f52444d3c40a94d4a234b1"
-
-"@types/react@^15.0.21":
+"@types/react@^15.0.0", "@types/react@^15.0.21":
   version "15.0.21"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-15.0.21.tgz#29d849427237c1463abfb7b370755ee3e5b5b375"
 
@@ -3452,7 +3448,7 @@ ignore@^3.1.2, ignore@^3.1.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.2.6.tgz#26e8da0644be0bb4cb39516f6c79f0e0f4ffe48c"
 
-immutability-helper@^2.0.0, immutability-helper@^2.1.0:
+immutability-helper@^2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/immutability-helper/-/immutability-helper-2.1.2.tgz#734506440d7209b74664dcadaa8ba14e73f2185b"
   dependencies:
@@ -5272,10 +5268,6 @@ normalize-url@^1.4.0:
     query-string "^4.1.0"
     sort-keys "^1.0.0"
 
-normalize.css@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-4.2.0.tgz#21d66cc557154d4379fd1e079ec7de58a379b099"
-
 npm-run-path@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-1.0.0.tgz#f5c32bf595fe81ae927daec52e82f8b000ac3c8f"
@@ -6223,6 +6215,10 @@ ramda@^0.22.1:
   version "0.22.1"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.22.1.tgz#031da0c3df417c5b33c96234757eb37033f36a0e"
 
+ramda@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.23.0.tgz#ccd13fff73497a93974e3e86327bfd87bd6e8e2b"
+
 randexp@^0.4.2:
   version "0.4.5"
   resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.5.tgz#ffe3a80c3f666cd71e6b008e477e584c1a32ff3e"
@@ -6257,7 +6253,7 @@ react-addons-css-transition-group@^15.4.2:
     fbjs "^0.8.4"
     object-assign "^4.1.0"
 
-react-css-themr@^1.7.1:
+react-css-themr@^1.7.2:
   version "1.7.2"
   resolved "https://registry.yarnpkg.com/react-css-themr/-/react-css-themr-1.7.2.tgz#424701383488f63966677f10a908d40861544ef3"
   dependencies:
@@ -6287,22 +6283,27 @@ react-motion@^0.4.7:
     performance-now "^0.2.0"
     raf "^3.1.0"
 
+react-style-proptype@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/react-style-proptype/-/react-style-proptype-2.0.2.tgz#b4687990ac256deed89ee5777a3c58de5ac7bd15"
+
 react-test-renderer@^15.3.1:
   version "15.4.2"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-15.4.2.tgz#27e1dff5d26d0e830f99614c487622bc831416f3"
   dependencies:
     fbjs "^0.8.4"
     object-assign "^4.1.0"
 
-react-toolbox@^1.3.3:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/react-toolbox/-/react-toolbox-1.3.4.tgz#89fabf000cbc5907b50d506d733762624894bd70"
+react-toolbox@^2.0.0-beta.8:
+  version "2.0.0-beta.8"
+  resolved "https://registry.yarnpkg.com/react-toolbox/-/react-toolbox-2.0.0-beta.8.tgz#95a785e02f74c52ed5d1932b1ad1121d4a60f807"
   dependencies:
     classnames "^2.2.5"
     core-js "^2.4.0"
-    immutability-helper "^2.0.0"
-    normalize.css "^4.2.0"
-    react-css-themr "^1.7.1"
+    ramda "^0.23.0"
+    react-addons-css-transition-group "^15.4.2"
+    react-css-themr "^1.7.2"
+    react-style-proptype "^2.0.0"
 
 react-with-media@^0.1.0:
   version "0.1.2"