3.0.0

Author: MoOx

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog of `@reason-react-native/safe-area-context`
 
+## 3.0.0 - 2020-06-20
+
+- Switch to records for types
+- Lots of breaking changes, see
+  [react-native-safe-area-context releases notes](https://github.com/th3rdwave/react-native-safe-area-context/releases)
+  and our README. We adjusted to v3.
+
 ## 0.7.0 - 2020-02-29
 
 - Use `bs-platform@7.2.0`

README.md

@@ -50,17 +50,36 @@ your `bsconfig.json`. Something like
 
 ```reason
 type insets = {
-  .
-  "top": float,
-  "bottom": float,
-  "left": float,
-  "right": float,
+  top: float,
+  bottom: float,
+  left: float,
+  right: float,
+};
+```
+
+#### `ReactNativeSafeAreaContext.frame`
+
+```reason
+type frame = {
+  x: float,
+  y: float,
+  width: float,
+  height: float,
+};
+```
+
+#### `ReactNativeSafeAreaContext.metrics`
+
+```reason
+type metrics = {
+  insets,
+  frame,
 };
 ```
 
 ### Constants
 
-#### `initialWindowSafeAreaInsets`
+#### `initialWindowMetrics`
 
 See <https://github.com/th3rdwave/react-native-safe-area-context#optimization>
 
@@ -74,41 +93,54 @@ open ReactNativeSafeAreaContext;
 
 [@react.component]
 let make = () => {
-  <SafeAreaProvider /*initialSafeAreaInsets={...}*/>
+  <SafeAreaProvider /*initialMetrics={...}*/>
     // your app...
     <View />
   <SafeAreaProvider>;
 }
 ```
 
 See <https://github.com/th3rdwave/react-native-safe-area-context#web-ssr> for
-`initialSafeAreaInsets`.
+`initialMetrics`.
+
+#### `ReactNativeSafeAreaContext.useSafeAreaInsets(): insets`
+
+```reason
+open ReactNative;
+open ReactNativeSafeAreaContext;
+
+[@react.component]
+let make = () => {
+  let insets = useSafeAreaInsets();
+  <View style=Style.(style(~paddingTop=insets.top, ())) />;
+}
+```
 
-#### `ReactNativeSafeAreaContext.useSafeArea(): insets`
+#### `ReactNativeSafeAreaContext.useSafeAreaFrame(): frame`
 
 ```reason
 open ReactNative;
 open ReactNativeSafeAreaContext;
 
 [@react.component]
 let make = () => {
-  let insets = useSafeArea();
-  <View style=Style.(style(~paddingTop=insets##top, ())) />;
+  let frame = useSafeAreaFrame();
+  <View style=Style.(style(~height=frame.height, ())) />;
 }
 ```
 
-#### `<ReactNativeSafeAreaContext.SafeAreaConsumer>`
+#### `<ReactNativeSafeAreaContext.SafeAreaInsetsContext.Consumer>`
 
 ```reason
 open ReactNative;
 open ReactNativeSafeAreaContext;
 
 [@react.component]
 let make = () => {
-  <SafeAreaConsumer>
+  <SafeAreaInsetsContext.Consumer>
     // your component, handy for classes
     {insets => <View style=Style.(style(~paddingTop=insets##top, ())) />}
-  <SafeAreaConsumer>;
+  <SafeAreaInsetsContext.Consumer>;
 }
 ```
 

package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reason-react-native/safe-area-context",
-  "version": "0.7.0",
+  "version": "3.0.0",
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "reason-react": "^0.7.0",
-    "reason-react-native": "^0.61.0",
-    "react-native-safe-area-context": "^0.7.0"
+    "react-native-safe-area-context": "^3.0.0",
+    "reason-react": "^0.8.0",
+    "reason-react-native": "^0.62.0"
   },
   "repository": "https://github.com/reason-react-native/safe-area-context.git",
   "license": "MIT",
@@ -38,13 +38,13 @@
     "release": "npmpub"
   },
   "devDependencies": {
-    "bs-platform": "^7.2.0",
+    "bs-platform": "^7.3.0",
     "husky": "^1.3.0",
     "lint-staged": "^10.1.1",
     "npmpub": "^5.0.0",
     "prettier": "^1.18.0",
-    "reason-react": "^0.7.0",
-    "reason-react-native": "^0.61.0"
+    "reason-react": "^0.8.0",
+    "reason-react-native": "^0.62.0"
   },
   "prettier": {
     "trailingComma": "all",

src/ReactNativeSafeAreaContext.bs.js

@@ -1,14 +1,25 @@
 'use strict';
 
-var View$ReactNative = require("reason-react-native/src/components/View.bs.js");
+var NativeElement$ReactNative = require("reason-react-native/src/elements/NativeElement.bs.js");
 
-var SafeAreaProvider = { };
+var Consumer = { };
+
+var SafeAreaInsetsContext = {
+  Consumer: Consumer
+};
+
+var Consumer$1 = { };
 
-var SafeAreaConsumer = { };
+var SafeAreaFrameContext = {
+  Consumer: Consumer$1
+};
+
+var SafeAreaProvider = { };
 
 var SafeAreaView = { };
 
+exports.SafeAreaInsetsContext = SafeAreaInsetsContext;
+exports.SafeAreaFrameContext = SafeAreaFrameContext;
 exports.SafeAreaProvider = SafeAreaProvider;
-exports.SafeAreaConsumer = SafeAreaConsumer;
 exports.SafeAreaView = SafeAreaView;
-/* View-ReactNative Not a pure module */
+/* NativeElement-ReactNative Not a pure module */