Update to ReScript 11

Author: alex35mil

.gitignore

@@ -1,8 +1,9 @@
 node_modules/
 lib/
 dist/
+.parcel-cache/
 yarn-error.log
-*.bs.js
+*.res.js
 .vercel
 .merlin
 .bsb.lock

.postcssrc

@@ -22,8 +22,8 @@ let make = () => {
     None
   }, [route])
 
-  let showMobileNav = React.useCallback(() => ShowMobileNav->dispatch)
-  let hideMobileNav = React.useCallback(() => HideMobileNav->dispatch)
+  let showMobileNav = React.useCallback0(() => ShowMobileNav->dispatch)
+  let hideMobileNav = React.useCallback0(() => HideMobileNav->dispatch)
 
   <Container>
     <Nav route mobileNavShown=state.mobileNavShown hideMobileNav />

bsconfig.json

@@ -18,9 +18,13 @@ module Container = {
         },
       ])}>
       <div className="example-navbar-mobile">
-        <Control onClick={_ => showMobileNav()}> <MenuIcon /> </Control>
+        <Control onClick={_ => showMobileNav()}>
+          <MenuIcon />
+        </Control>
         <h1> {"rescript-dnd"->React.string} </h1>
-        <a href="https://github.com/shakacode/rescript-dnd"> <GithubIcon /> </a>
+        <a href="https://github.com/shakacode/rescript-dnd">
+          <GithubIcon />
+        </a>
       </div>
       children
     </div>

examples/App.res

@@ -6,7 +6,9 @@ let make = (~route, ~mobileNavShown, ~hideMobileNav) =>
       <a href="https://github.com/shakacode/rescript-dnd" className="github-link">
         <GithubIcon />
       </a>
-      <Control className="close-button" onClick={_ => hideMobileNav()}> <CloseIcon /> </Control>
+      <Control className="close-button" onClick={_ => hideMobileNav()}>
+        <CloseIcon />
+      </Control>
     </header>
     <Link path="vertical-list" active={route == Route.VerticalList}>
       {"Vertical list"->React.string}

examples/components/Example.res

@@ -83,7 +83,7 @@ let reducer = (state, action) =>
     {
       ...state,
       todosMap: state.todosMap->Map.update(todoId, x =>
-        x->Option.map(todo => {...todo, todoListId: todoListId})
+        x->Option.map(todo => {...todo, todoListId})
       ),
       todoListsMap: state.todoListsMap
       ->Map.update(todo.todoListId, x =>
@@ -212,7 +212,7 @@ let make = () => {
         {
           open Todo
           {
-            id: id,
+            id,
             title: "Todo " ++ id->TodoId.toString,
             todoListId: {
               let id = id->TodoId.toInt

examples/components/Nav.res

@@ -83,7 +83,7 @@ let reducer = (state, action) =>
     {
       ...state,
       todosMap: state.todosMap->Map.update(todoId, x =>
-        x->Option.map(todo => {...todo, todoListId: todoListId})
+        x->Option.map(todo => {...todo, todoListId})
       ),
       todoListsMap: state.todoListsMap
       ->Map.update(todo.todoListId, x =>
@@ -157,7 +157,7 @@ let make = () => {
         {
           open Todo
           {
-            id: id,
+            id,
             title: "Todo " ++ id->TodoId.toString,
             todoListId: {
               let id = id->TodoId.toInt

examples/examples/CardBoard.res

@@ -54,7 +54,7 @@ let make = (~n: int, ~axis: Dnd.Axis.t) => {
         id,
         {
           open Todo
-          {id: id, title: "Todo " ++ id->TodoId.toString}
+          {id, title: "Todo " ++ id->TodoId.toString}
         },
       )
     }),

examples/examples/NestedVerticalLists.res

@@ -3,7 +3,7 @@ type item = int
 module Item = {
   type t = item
   let eq: (item, item) => bool = (x1, x2) => x1 == x2
-  let cmp: (item, item) => int = Pervasives.compare
+  let cmp: (item, item) => int = (x1, x2) => Pervasives.compare(x1, x2)
 }
 
 module Container = Dnd.MakeSingletonContainer()