React-basic 11 (#82)

* React-basic 11

Author: Madeline Trotter

bower.json

@@ -29,9 +29,9 @@
     "purescript-prelude": "^4.0.1",
     "purescript-profunctor-lenses": ">=4.0.0 <7.0.0",
     "purescript-random": "^4.0.0",
-    "purescript-react-basic": ">= 8.0.0 < 10.0.0",
-    "purescript-react-basic-hooks": "^0.6.1",
-    "purescript-react-dnd-basic": "^6.0.0",
+    "purescript-react-basic": "^11.0.0",
+    "purescript-react-basic-hooks": "^1.0.1",
+    "purescript-react-dnd-basic": "^6.1.3",
     "purescript-record": ">= 1.0.0 < 3.0.0",
     "purescript-simple-json": ">=4.0.0 <7.0.0",
     "purescript-strings": "^4.0.0",

src/Lumi/Components/EditableTable.purs

@@ -7,7 +7,6 @@ import Data.Array as Array
 import Data.Array.NonEmpty (NonEmptyArray)
 import Data.Array.NonEmpty as NonEmptyArray
 import Data.Either (Either(..))
-import Data.Int (toNumber)
 import Data.Maybe (Maybe(..))
 import Effect (Effect)
 import JSS (JSS, jss)
@@ -151,7 +150,7 @@ editableTable = makeStateless component render
                             }
                         }
                     ]
-                , colSpan: toNumber columnCount
+                , colSpan: columnCount
                 }
             ]
         ]

src/Lumi/Components/Layouts/OneColumnWithHeader.purs

@@ -90,7 +90,7 @@ sidebarLayout = makeStateless sidebarLayoutComponent render where
       [ R.div
          { style: R.css { "flex": "0 0 30%" }
          , className: "column bl view-scroll"
-         , maxLength: "400px"
+         , maxLength: 400
          , children: [
            R.div { className: "ppa", children: [ content ]}
            ]