@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Rate/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,10 +3,10 @@
 exports[`Rate renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {},
-      Array [
-        Object {
+    [
+      {},
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -16,7 +16,7 @@ exports[`Rate renders correctly 1`] = `
 >
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -37,7 +37,7 @@ exports[`Rate renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -46,8 +46,8 @@ exports[`Rate renders correctly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -61,7 +61,7 @@ exports[`Rate renders correctly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -82,7 +82,7 @@ exports[`Rate renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -91,8 +91,8 @@ exports[`Rate renders correctly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -106,7 +106,7 @@ exports[`Rate renders correctly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -127,11 +127,11 @@ exports[`Rate renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "scale": 0.8,
             },
           ],
@@ -141,8 +141,8 @@ exports[`Rate renders correctly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -156,7 +156,7 @@ exports[`Rate renders correctly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -177,7 +177,7 @@ exports[`Rate renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -186,8 +186,8 @@ exports[`Rate renders correctly 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -201,7 +201,7 @@ exports[`Rate renders correctly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -222,7 +222,7 @@ exports[`Rate renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -231,8 +231,8 @@ exports[`Rate renders correctly 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -250,10 +250,10 @@ exports[`Rate renders correctly 1`] = `
 exports[`Rate renders correctly it is readonly 1`] = `
 <View
   style={
-    Array [
-      Object {},
-      Array [
-        Object {
+    [
+      {},
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -263,7 +263,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
 >
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -284,7 +284,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -293,8 +293,8 @@ exports[`Rate renders correctly it is readonly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -308,7 +308,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -329,7 +329,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -338,8 +338,8 @@ exports[`Rate renders correctly it is readonly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -353,7 +353,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -374,11 +374,11 @@ exports[`Rate renders correctly it is readonly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "scale": 0.8,
             },
           ],
@@ -388,8 +388,8 @@ exports[`Rate renders correctly it is readonly 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -403,7 +403,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -424,7 +424,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -433,8 +433,8 @@ exports[`Rate renders correctly it is readonly 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -448,7 +448,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -469,7 +469,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -478,8 +478,8 @@ exports[`Rate renders correctly it is readonly 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#401960",
               "fontSize": 24,
             },
@@ -497,10 +497,10 @@ exports[`Rate renders correctly it is readonly 1`] = `
 exports[`Rate renders correctly when disabled 1`] = `
 <View
   style={
-    Array [
-      Object {},
-      Array [
-        Object {
+    [
+      {},
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -510,7 +510,7 @@ exports[`Rate renders correctly when disabled 1`] = `
 >
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -531,7 +531,7 @@ exports[`Rate renders correctly when disabled 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -540,8 +540,8 @@ exports[`Rate renders correctly when disabled 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#bfc1c5",
               "fontSize": 24,
             },
@@ -555,7 +555,7 @@ exports[`Rate renders correctly when disabled 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -576,7 +576,7 @@ exports[`Rate renders correctly when disabled 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -585,8 +585,8 @@ exports[`Rate renders correctly when disabled 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#bfc1c5",
               "fontSize": 24,
             },
@@ -600,7 +600,7 @@ exports[`Rate renders correctly when disabled 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -621,11 +621,11 @@ exports[`Rate renders correctly when disabled 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "scale": 0.8,
             },
           ],
@@ -635,8 +635,8 @@ exports[`Rate renders correctly when disabled 1`] = `
       <HeroIcon
         name="star"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#bfc1c5",
               "fontSize": 24,
             },
@@ -650,7 +650,7 @@ exports[`Rate renders correctly when disabled 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -671,7 +671,7 @@ exports[`Rate renders correctly when disabled 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -680,8 +680,8 @@ exports[`Rate renders correctly when disabled 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#bfc1c5",
               "fontSize": 24,
             },
@@ -695,7 +695,7 @@ exports[`Rate renders correctly when disabled 1`] = `
   </View>
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": true,
       }
     }
@@ -716,7 +716,7 @@ exports[`Rate renders correctly when disabled 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "marginRight": 4,
           "padding": 8,
         }
@@ -725,8 +725,8 @@ exports[`Rate renders correctly when disabled 1`] = `
       <HeroIcon
         name="star-outlined"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#bfc1c5",
               "fontSize": 24,
             },

package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`RefreshControl render correctly with props 1`] = `
 <RCTScrollView
   contentContainerStyle={
-    Object {
+    {
       "flex": 1,
     }
   }
@@ -27,7 +27,7 @@ exports[`RefreshControl render correctly with props 1`] = `
 exports[`RefreshControl renders correctly when refreshing is false 1`] = `
 <RCTScrollView
   contentContainerStyle={
-    Object {
+    {
       "flex": 1,
     }
   }
@@ -49,7 +49,7 @@ exports[`RefreshControl renders correctly when refreshing is false 1`] = `
 exports[`RefreshControl renders correctly when refreshing is true 1`] = `
 <RCTScrollView
   contentContainerStyle={
-    Object {
+    {
       "flex": 1,
     }
   }

package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "backgroundColor": "#f6f6f7",
         "borderTopColor": "#e8e9ea",
@@ -29,7 +29,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -43,8 +43,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-bold"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -67,7 +67,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -81,8 +81,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-italic"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -105,7 +105,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -119,8 +119,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-underlined"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -133,8 +133,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#e8e9ea",
           "flexDirection": "row",
@@ -158,7 +158,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -172,8 +172,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-list-bulleted"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -196,7 +196,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -210,8 +210,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-list-numbered"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -224,8 +224,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "backgroundColor": "#e8e9ea",
           "flexDirection": "row",
@@ -249,7 +249,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -263,8 +263,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-heading1"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },
@@ -287,7 +287,7 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": undefined,
         "height": 48,
@@ -301,8 +301,8 @@ exports[`EditorToolbar when the editor is focused should render toolbar 1`] = `
     <HeroIcon
       name="format-heading2"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 20,
           },

package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap

@@ -4,8 +4,8 @@ exports[`MentionList when search string is not empty should render mention list
 <View>
   <RCTScrollView
     data={
-      Array [
-        Object {
+      [
+        {
           "id": "3",
           "name": "Hieu Pham",
         },
@@ -25,8 +25,8 @@ exports[`MentionList when search string is not empty should render mention list
     removeClippedSubviews={false}
     renderItem={[Function]}
     scrollEventThrottle={50}
-    stickyHeaderIndices={Array []}
-    viewabilityConfigCallbackPairs={Array []}
+    stickyHeaderIndices={[]}
+    viewabilityConfigCallbackPairs={[]}
   >
     <View>
       <View