Update deps

Author: alex35mil

bsconfig.json

@@ -11,15 +11,15 @@
       "subdirs": true
     }
   ],
-  "bs-dependencies": ["reason-react", "bs-webapi", "bs-log"],
+  "bs-dependencies": ["reason-react", "bs-webapi", "res-logger"],
   "bs-dev-dependencies": ["re-classnames"],
   "reason": {
     "react-jsx": 3
   },
   "refmt": 3,
   "bsc-flags": ["-open Belt"],
   "ppx-flags": [
-    ["bs-log/ppx", "--lib=re-dnd"],
+    ["res-logger/ppx", "--lib=re-dnd"],
   ],
   "package-specs": {
     "module": "es6",

examples/components/Control.re

@@ -10,7 +10,7 @@ let make =
     ) => {
   <button
     type_="button"
-    className={Cn.make(["control", className])}
+    className=Cn.("control" + className)
     ?style
     ?onClick
     ?onMouseDown

examples/components/Example.re

@@ -12,14 +12,16 @@ module Container = {
         ~children: React.element,
       ) => {
     <div
-      className={Cn.make([
-        "example",
-        switch (layout) {
-        | Vertical => "vertical"
-        | Horizontal => "horizontal"
-        | CardBoard => "card-board"
-        },
-      ])}>
+      className=Cn.(
+        "example"
+        + (
+          switch (layout) {
+          | Vertical => "vertical"
+          | Horizontal => "horizontal"
+          | CardBoard => "card-board"
+          }
+        )
+      )>
       <div className="example-navbar-mobile">
         <Control onClick={_ => showMobileNav()}> <MenuIcon /> </Control>
         <h1> "re-dnd"->React.string </h1>

examples/components/Link.re

@@ -2,7 +2,7 @@
 let make = (~path, ~active, ~children) => {
   <button
     type_="button"
-    className={Cn.make(["link", "active"->Cn.ifTrue(active)])}
+    className=Cn.("link" + "active"->on(active))
     onClick={_ => ReasonReactRouter.push("#" ++ path)}>
     children
   </button>;

examples/components/Nav.re

@@ -1,6 +1,6 @@
 [@react.component]
 let make = (~route, ~mobileNavShown, ~hideMobileNav) => {
-  <nav className={Cn.make(["shown-mobile"->Cn.ifTrue(mobileNavShown)])}>
+  <nav className=Cn.("shown-mobile"->on(mobileNavShown))>
     <header>
       <h1 onClick={_ => ReasonReactRouter.push("/")}>
         "re-dnd"->React.string

examples/examples/CardBoard.re

@@ -262,7 +262,7 @@ let make = () => {
                containerId={TodoLists.Container.id()}
                index=todoListIndex
                className={(~dragging) =>
-                 Cn.make(["todo-list", "dragging"->Cn.ifTrue(dragging)])
+                 Cn.("todo-list" + "dragging"->on(dragging))
                }>
                {`ChildrenWithDragHandle(
                   (~style, ~onMouseDown, ~onTouchStart) =>
@@ -271,7 +271,7 @@ let make = () => {
                       key={todoListId->TodoListId.toString}
                       axis=Y
                       className={(~draggingOver) =>
-                        Cn.make(["todos", "active"->Cn.ifTrue(draggingOver)])
+                        Cn.("todos" + "active"->on(draggingOver))
                       }>
                       <div className="todos-header">
                         <Control
@@ -295,10 +295,7 @@ let make = () => {
                              containerId=todoListId
                              index=todoIndex
                              className={(~dragging) =>
-                               Cn.make([
-                                 "todo",
-                                 "dragging"->Cn.ifTrue(dragging),
-                               ])
+                               Cn.("todo" + "dragging"->on(dragging))
                              }>
                              {`Children(todo.title->React.string)}
                            </Todos.DraggableItem>;

examples/examples/NestedVerticalLists.re

@@ -212,7 +212,7 @@ let make = () => {
                containerId={TodoLists.Container.id()}
                index=todoListIndex
                className={(~dragging) =>
-                 Cn.make(["todo-list", "dragging"->Cn.ifTrue(dragging)])
+                 Cn.("todo-list" + "dragging"->on(dragging))
                }>
                {`ChildrenWithDragHandle(
                   (~style, ~onMouseDown, ~onTouchStart) =>
@@ -221,7 +221,7 @@ let make = () => {
                       key={todoListId->TodoListId.toString}
                       axis=Y
                       className={(~draggingOver) =>
-                        Cn.make(["todos", "active"->Cn.ifTrue(draggingOver)])
+                        Cn.("todos" + "active"->on(draggingOver))
                       }>
                       <div className="todos-header">
                         <Control
@@ -245,10 +245,7 @@ let make = () => {
                              containerId=todoListId
                              index=todoIndex
                              className={(~dragging) =>
-                               Cn.make([
-                                 "todo",
-                                 "dragging"->Cn.ifTrue(dragging),
-                               ])
+                               Cn.("todo" + "dragging"->on(dragging))
                              }>
                              {`Children(todo.title->React.string)}
                            </Todos.DraggableItem>;

examples/examples/SimpleList.re

@@ -86,7 +86,7 @@ let make = (~n: int, ~axis: Dnd.Axis.t) => {
       id={Todos.Container.id()}
       axis
       className={(~draggingOver) =>
-        Cn.make(["todos", "active"->Cn.ifTrue(draggingOver)])
+        Cn.("todos" + "active"->on(draggingOver))
       }>
       {state.todosIndex
        ->Array.mapWithIndex((index, id) => {
@@ -98,7 +98,7 @@ let make = (~n: int, ~axis: Dnd.Axis.t) => {
              containerId={Todos.Container.id()}
              index
              className={(~dragging) =>
-               Cn.make(["todo", "dragging"->Cn.ifTrue(dragging)])
+               Cn.("todo" + "dragging"->on(dragging))
              }>
              {`Children(todo.title->React.string)}
            </Todos.DraggableItem>;

package.json

@@ -10,9 +10,9 @@
     "prestart": "yarn run bs:build:dev",
     "build": "parcel build examples/index.html",
     "prebuild": "yarn run bs:build",
-    "bs:build": "BS_LOG=off bsb -clean-world -make-world",
-    "bs:build:dev": "BS_LOG=*,re-dnd=* bsb -clean-world -make-world",
-    "bs:watch": "BS_LOG=*,re-dnd=* bsb -clean-world -make-world -w",
+    "bs:build": "RES_LOG=off bsb -clean-world -make-world",
+    "bs:build:dev": "RES_LOG=*,re-dnd=* bsb -clean-world -make-world",
+    "bs:watch": "RES_LOG=*,re-dnd=* bsb -clean-world -make-world -w",
     "bs:clean": "bsb -clean-world",
     "clean": "rm -rf dist && yarn run bs:clean",
     "test": "exit 0",
@@ -40,22 +40,22 @@
     "url": "https://github.com/MinimaHQ/re-dnd"
   },
   "dependencies": {
-    "bs-log": "1.1.0"
+    "res-logger": "2.0.0-beta.2"
   },
   "peerDependencies": {
     "bs-platform": ">=7.1.1",
     "bs-webapi": ">=0.15.9",
     "reason-react": ">=0.8.0"
   },
   "devDependencies": {
-    "autoprefixer": "9.7.6",
-    "bs-platform": "7.2.2",
-    "bs-webapi": "0.15.9",
+    "autoprefixer": "9.8.6",
+    "bs-platform": "8.4.2",
+    "bs-webapi": "0.19.1",
     "bsb-js": "1.1.7",
     "parcel-bundler": "1.12.4",
-    "re-classnames": "4.1.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "reason-react": "0.8.0"
+    "re-classnames": "5.0.1",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "reason-react": "0.9.1"
   }
 }