@khanacademy/wonder-blocks-core 4.3.1 → 4.4.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @khanacademy/wonder-blocks-core
 
+## 4.4.0
+
+### Minor Changes
+
+-   6ee20af9: Add `useOnline` hook to encapsulate navigator.onLine and the offline/online events
+
+## 4.3.2
+
+### Patch Changes
+
+-   5f4a4297: Make dependency on `flow-enums-runtime` explicit
+-   2b96fd59: Change flow-enums-runtime to be peer dependencies
+
 ## 4.3.1
 
 ## 4.3.0

package/dist/es/index.js

@@ -1,7 +1,7 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import * as React from 'react';
-import { useContext as useContext$1, useRef } from 'react';
+import { useContext as useContext$1, useRef, useEffect as useEffect$1 } from 'react';
 import { StyleSheet, css } from 'aphrodite';
 
 function flatten(list) {
@@ -267,7 +267,9 @@ class WithSSRPlaceholder extends React.Component {
     }
 
     {
-      console.log(`We got a render state we don't understand: "${JSON.stringify(renderState)}"`);
+      var _JSON$stringify;
+
+      console.log(`We got a render state we don't understand: "${(_JSON$stringify = JSON.stringify(renderState)) != null ? _JSON$stringify : ""}"`);
       return this._maybeRender(RenderState.Root);
     }
   }
@@ -438,6 +440,21 @@ const useForceUpdate = () => {
   return forceUpdate;
 };
 
+const useOnline = () => {
+  const forceUpdate = useForceUpdate();
+  useEffect$1(() => {
+    const handleChange = () => forceUpdate();
+
+    window.addEventListener("online", handleChange);
+    window.addEventListener("offline", handleChange);
+    return () => {
+      window.removeEventListener("online", handleChange);
+      window.removeEventListener("offline", handleChange);
+    };
+  }, [forceUpdate]);
+  return navigator.onLine;
+};
+
 const {
   useContext,
   useEffect,
@@ -470,4 +487,4 @@ RenderStateRoot.defaultProps = {
   throwIfNested: true
 };
 
-export { IDProvider, RenderStateRoot, server as Server, Text, UniqueIDProvider, View, WithSSRPlaceholder, addStyle, useForceUpdate, useUniqueIdWithMock, useUniqueIdWithoutMock };
+export { IDProvider, RenderStateRoot, server as Server, Text, UniqueIDProvider, View, WithSSRPlaceholder, addStyle, useForceUpdate, useOnline, useUniqueIdWithMock, useUniqueIdWithoutMock };