Merge branch 'main' of github.com:/reasonml/reason-react into ref-as-…

…prop

* 'main' of github.com:/reasonml/reason-react:
  Add CSS Box Alignment Module Level 3 (#847)
  Remove type callback duplicate
  feat(react): add startTransition (#838)
  feat(react): add isValidElement (#837)

src/React.re

@@ -318,6 +318,9 @@ external component: componentLike('props, element) => component('props) =
 external createElement: (component('props), 'props) => element =
   "createElement";
 
+[@mel.module "react"]
+external isValidElement: element => bool = "isValidElement";
+
 [@mel.module "react"]
 external cloneElement: (element, 'props) => element = "cloneElement";
 
@@ -873,6 +876,10 @@ module Uncurried = {
 external useTransition: unit => (bool, callback(callback(unit, unit), unit)) =
   "useTransition";
 
+[@mel.module "react"]
+external startTransition: ([@mel.uncurry] (unit => unit)) => unit =
+  "startTransition";
+
 [@mel.module "react"]
 external useDebugValue: ('value, ~format: 'value => string=?, unit) => unit =
   "useDebugValue";

src/React.rei

@@ -16,6 +16,9 @@ external component: componentLike('props, element) => component('props) =
 external createElement: (component('props), 'props) => element =
   "createElement";
 
+[@mel.module "react"]
+external isValidElement: element => bool = "isValidElement";
+
 [@mel.module "react"]
 external cloneElement: (element, 'props) => element = "cloneElement";
 
@@ -561,6 +564,9 @@ module Uncurried: {
     "useCallback";
 };
 
+[@mel.module "react"]
+external startTransition: ([@mel.uncurry] (unit => unit)) => unit = "startTransition";
+
 [@mel.module "react"]
 external useTransition: unit => (bool, callback(callback(unit, unit), unit)) =
   "useTransition";

src/ReactDOM.re

@@ -276,12 +276,12 @@ module Style = {
       ~gridAutoRows: string=?,
       ~gridColumn: string=?,
       ~gridColumnEnd: string=?,
-      ~gridColumnGap: string=?,
+      ~gridColumnGap: string=?, /* Deprecated in favor of column-gap */
       ~gridColumnStart: string=?,
-      ~gridGap: string=?,
+      ~gridGap: string=?, /* Deprecated in favor of gap */
       ~gridRow: string=?,
       ~gridRowEnd: string=?,
-      ~gridRowGap: string=?,
+      ~gridRowGap: string=?, /* Deprecated in favor of row-gap */
       ~gridRowStart: string=?,
       ~gridTemplate: string=?,
       ~gridTemplateAreas: string=?,
@@ -392,6 +392,10 @@ module Style = {
       ~rubyAlign: string=?,
       ~rubyMerge: string=?,
       ~rubyPosition: string=?,
+      /* CSS Box Alignment Module Level 3 */
+      ~gap: string=?,
+      ~columnGap: string=?,
+      ~rowGap: string=?,
       /* Lists and Counters Level 3 - WD */
       /* listStyle - already defined by CSS2Properties */
       /* listStyleImage - already defined by CSS2Properties */

src/ReactDOM.rei

@@ -392,6 +392,10 @@ module Style: {
       ~rubyAlign: string=?,
       ~rubyMerge: string=?,
       ~rubyPosition: string=?,
+      /* CSS Box Alignment Module Level 3 */
+      ~gap: string=?,
+      ~columnGap: string=?,
+      ~rowGap: string=?,
       /* Lists and Counters Level 3 - WD */
       /* listStyle - already defined by CSS2Properties */
       /* listStyleImage - already defined by CSS2Properties */