added bindings to the key prop

cometkim · Jan 24, 2023 · 033a4bf · 033a4bf
1 parent 2818d0b
commit 033a4bf
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 6 deletions.
diff --git a/.changeset/hungry-pumpkins-jump.md b/.changeset/hungry-pumpkins-jump.md
@@ -0,0 +1,5 @@
+---
+"rescript-ink": patch
+---
+
+Added bindings to the key prop
diff --git a/packages/ink/src/Ink_Components_Box.res b/packages/ink/src/Ink_Components_Box.res
@@ -1,6 +1,7 @@
 open Ink_Style
 
 let makeProps = (
+  ~key: option<string>=?,
   ~ref: option<Ink_Ref.t>=?,
   ~children: option<React.element>=?,
   ~display: option<display>=?,
@@ -34,6 +35,7 @@ let makeProps = (
   (),
 ) =>
   {
+    "key": key,
     "ref": ref,
     "children": children,
     "display": switch display {

diff --git a/packages/ink/src/Ink_Components_Newline.res b/packages/ink/src/Ink_Components_Newline.res
@@ -1,5 +1,6 @@
-let makeProps = (~ref: option<Ink_Ref.t>=?, ~count: option<int>=?, ()) =>
+let makeProps = (~key: option<string>=?, ~ref: option<Ink_Ref.t>=?, ~count: option<int>=?, ()) =>
   {
+    "key": key,
     "ref": ref,
     "count": count,
   }

diff --git a/packages/ink/src/Ink_Components_Spacer.res b/packages/ink/src/Ink_Components_Spacer.res
@@ -1,5 +1,6 @@
-let makeProps = (~ref: option<Ink_Ref.t>=?, ()) =>
+let makeProps = (~key: option<string>=?, ~ref: option<Ink_Ref.t>=?, ()) =>
   {
+    "key": key,
     "ref": ref,
   }
 

diff --git a/packages/ink/src/Ink_Components_Static.res b/packages/ink/src/Ink_Components_Static.res
@@ -154,13 +154,15 @@ let convert = (styleProp: option<styleProp>) =>
   }
 
 let makeProps = (
+  ~key: option<string>=?,
   ~ref: option<Ink_Ref.t>=?,
   ~items: array<'a>,
   ~renderItems: ('a, int) => React.element,
   ~style: option<styleProp>=?,
   (),
 ) =>
   {
+    "key": key,
     "ref": ref,
     "items": items,
     "children": renderItems,

diff --git a/packages/ink/src/Ink_Components_Text.res b/packages/ink/src/Ink_Components_Text.res
@@ -1,6 +1,7 @@
 include Ink_Style
 
 let makeProps = (
+  ~key: option<string>=?,
   ~ref: option<Ink_Ref.t>=?,
   ~color: option<color>=?,
   ~backgroundColor: option<color>=?,
@@ -15,6 +16,7 @@ let makeProps = (
   (),
 ) =>
   {
+    "key": key,
     "ref": ref,
     "color": switch color {
     | Some(color) => Some(color->Color.toString)

diff --git a/packages/ink/src/Ink_Components_Transform.res b/packages/ink/src/Ink_Components_Transform.res
@@ -1,10 +1,12 @@
 let makeProps = (
+  ~key: option<string>,
   ~ref: option<Ink_Ref.t>,
   ~children: React.element,
   ~transform: string => string,
   (),
 ) =>
   {
+    "key": key,
     "ref": ref,
     "children": children,
     "transform": transform,

diff --git a/packages/ink/src/Ink_Style.res b/packages/ink/src/Ink_Style.res
@@ -11,10 +11,11 @@ module Size = {
     | #percent(percent)
   ]
 
-  let unwrap = t => switch t {
-  | #length(length) => length->unwrap
-  | #percent(percent) => percent->unwrap
-  }
+  let unwrap = t =>
+    switch t {
+    | #length(length) => length->unwrap
+    | #percent(percent) => percent->unwrap
+    }
 }
 
 type size = Size.t