Update to v0.15.0

Author: Zelenya7

packages.dhall

@@ -105,6 +105,21 @@ in  upstream
 -------------------------------
 -}
 let upstream =
-      https://github.com/purescript/package-sets/releases/download/psc-0.14.0-20210309/packages.dhall sha256:585332a8a11c6420d7287943f81bc2121746cdd352f2cf3f5ecf65053f2afcd3
+      https://github.com/purescript/package-sets/releases/download/psc-0.15.0-20220510/packages.dhall
+        sha256:0b0d4db1f2f0acd3b37fa53220644ac6f64cf9b5d0226fd097c0593df563d5be
+
+{- temporary -}
+let additions =
+      { react-basic =
+        { dependencies =
+          [ "effect"
+          , "prelude"
+          , "record"
+          ]
+        , repo = "https://github.com/lumihq/purescript-react-basic.git"
+        , version = "v17.0.0"
+        }
+      }
 
-in  upstream
+in  upstream // additions
+ 

spago.dhall

@@ -4,10 +4,12 @@ You can edit this file as you like.
 -}
 { name = "react-basic-dom"
 , dependencies =
-  [ "console"
-  , "effect"
+  [ "effect"
+  , "foldable-traversable"
   , "foreign-object"
-  , "psci-support"
+  , "maybe"
+  , "nullable"
+  , "prelude"
   , "react-basic"
   , "unsafe-coerce"
   , "web-dom"

src/React/Basic/DOM.js

@@ -1,13 +1,21 @@
 "use strict";
 
-const ReactDOM = require("react-dom");
+import ReactDOM from "react-dom";
 
-exports.renderThen = (jsx) => (node) => (callback) => () =>
-  ReactDOM.render(jsx, node, callback);
+export function renderThen(jsx) {
+  return (node) => (callback) => () =>
+    ReactDOM.render(jsx, node, callback);
+}
 
-exports.hydrateThen = (jsx) => (node) => (callback) => () =>
-  ReactDOM.hydrate(jsx, node, callback);
+export function hydrateThen(jsx) {
+  return (node) => (callback) => () =>
+    ReactDOM.hydrate(jsx, node, callback);
+}
 
-exports.unmount = (node) => () => ReactDOM.unmountComponentAtNode(node);
+export function unmount(node) {
+  return () => ReactDOM.unmountComponentAtNode(node);
+}
 
-exports.createPortal = (jsx) => (node) => ReactDOM.createPortal(jsx, node);
+export function createPortal(jsx) {
+  return (node) => ReactDOM.createPortal(jsx, node);
+}

src/React/Basic/DOM/Components/GlobalEvents.js

@@ -1,26 +1,23 @@
-"use strict";
-
-var React = require("react");
-
-exports._passiveSupported = null;
+import React from "react";
+export var _passiveSupported = null;
 
 function checkPassiveSupported() {
-  if (exports._passiveSupported == null) {
+  if (_passiveSupported == null) {
     try {
       window.addEventListener(
         "test",
         null,
         Object.defineProperty({}, "passive", {
           get: function() {
-            exports._passiveSupported = true;
+            _passiveSupported = true;
           }
         })
       );
     } catch (err) {
-      exports._passiveSupported = false;
+      _passiveSupported = false;
     }
   }
-  return exports._passiveSupported;
+  return _passiveSupported;
 }
 
 function createHandler(h) {
@@ -87,9 +84,9 @@ GlobalEvent.prototype.render = function() {
   return this.props.child;
 };
 
-exports.globalEvent_ = GlobalEvent;
+export {GlobalEvent as globalEvent_};
 
-exports.unsafeWindowEventTarget = (function() {
+export var unsafeWindowEventTarget = (function() {
   if (typeof window === "undefined") {
     return undefined;
   } else {

src/React/Basic/DOM/Components/Ref.js

@@ -1,8 +1,6 @@
-"use strict";
+import React from "react";
 
-var React = require("react");
-
-exports.mkRef = function(toMaybe) {
+export function mkRef(toMaybe) {
   var Ref = function(_props) {
     this.state = { node: null };
     this.ref = React.createRef();
@@ -40,4 +38,4 @@ exports.mkRef = function(toMaybe) {
   };
 
   return Ref;
-};
+}

src/React/Basic/DOM/Concurrent.js

@@ -1,12 +1,16 @@
-"use strict";
-
-const ReactDOM = require("react-dom");
+import ReactDOM from "react-dom";
 const createRoot = ReactDOM.createRoot || ReactDOM.unstable_createRoot;
 const createBlockingRoot =
   ReactDOM.createBlockingRoot || ReactDOM.unstable_createBlockingRoot;
 
-exports.createRoot = (element) => () => createRoot(element);
+export function createRoot(element) {
+  return () => createRoot(element);
+}
 
-exports.createBlockingRoot = (element) => () => createBlockingRoot(element);
+export function createBlockingRoot(element) {
+  return () => createBlockingRoot(element);
+}
 
-exports.renderRoot = (root) => (jsx) => () => root.render(jsx);
+export function renderRoot(root) {
+  return (jsx) => () => root.render(jsx);
+}

src/React/Basic/DOM/Internal.js

@@ -1,33 +1,34 @@
-"use strict";
+import React from "react";
 
-const React = require("react");
+export function mergeStyles(styles) {
+  return Object.assign.apply(null, [{}].concat(styles));
+}
 
-exports.mergeStyles = (styles) =>
-  Object.assign.apply(null, [{}].concat(styles));
-
-exports.unsafeCreateDOMComponent_ = (createElement) => (el) => {
-  const flattenDataProp = (props, ref) => {
-    var data = null;
-    if (props._data != null) {
-      data = { _data: undefined };
-      Object.entries(props._data).forEach(function (entry) {
-        data["data-" + entry[0]] = entry[1];
-      });
-    }
-    var aria = null;
-    if (props._aria != null) {
-      aria = { _aria: undefined };
-      Object.entries(props._aria).forEach(function (entry) {
-        aria["aria-" + entry[0]] = entry[1];
-      });
-    }
-    return Object.assign({ ref }, props, data, aria);
-  };
-  return () => {
-    const c = React.forwardRef((props, ref) =>
-      createElement(el)(flattenDataProp(props, ref))
-    );
-    c.displayName = el;
-    return c;
+export function unsafeCreateDOMComponent_(createElement) {
+  return (el) => {
+    const flattenDataProp = (props, ref) => {
+      var data = null;
+      if (props._data != null) {
+        data = { _data: undefined };
+        Object.entries(props._data).forEach(function (entry) {
+          data["data-" + entry[0]] = entry[1];
+        });
+      }
+      var aria = null;
+      if (props._aria != null) {
+        aria = { _aria: undefined };
+        Object.entries(props._aria).forEach(function (entry) {
+          aria["aria-" + entry[0]] = entry[1];
+        });
+      }
+      return Object.assign({ ref }, props, data, aria);
+    };
+    return () => {
+      const c = React.forwardRef((props, ref) =>
+        createElement(el)(flattenDataProp(props, ref))
+      );
+      c.displayName = el;
+      return c;
+    };
   };
-};
+}

src/React/Basic/DOM/Server.js

@@ -1,7 +1,3 @@
-"use strict";
-
-const ReactDOMServer = require("react-dom/server");
-
-exports.renderToString = ReactDOMServer.renderToString;
-
-exports.renderToStaticMarkup = ReactDOMServer.renderToStaticMarkup;
+import ReactDOMServer from "react-dom/server";
+export var renderToString = ReactDOMServer.renderToString;
+export var renderToStaticMarkup = ReactDOMServer.renderToStaticMarkup;