@hero-design/rn 8.39.0 → 8.39.2

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap

@@ -4,8 +4,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
 <RNCSafeAreaProvider
   onInsetsChange={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
       undefined,
@@ -14,8 +14,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "borderBottomColor": "#e8e9ea",
           "borderBottomWidth": 1,
           "paddingHorizontal": 0,
@@ -24,7 +24,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
       ]
     }
     themeInsets={
-      Object {
+      {
         "bottom": 0,
         "left": 0,
         "right": 0,
@@ -34,20 +34,20 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
   >
     <RCTScrollView
       contentContainerStyle={
-        Object {
+        {
           "paddingHorizontal": 8,
         }
       }
       data={
-        Array [
-          Object {
+        [
+          {
             "activeItem": "Work",
             "component": <Text>
               Work Screen
             </Text>,
             "key": "work",
           },
-          Object {
+          {
             "activeItem": "speaker",
             "component": <Text>
               Personal Screen
@@ -55,9 +55,9 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             "inactiveItem": "speaker-outlined",
             "key": "personal",
           },
-          Object {
+          {
             "activeItem": "home",
-            "badge": Object {
+            "badge": {
               "type": "status",
             },
             "component": <Text>
@@ -66,9 +66,9 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             "inactiveItem": "home-outlined",
             "key": "home",
           },
-          Object {
+          {
             "activeItem": "calendar",
-            "badge": Object {
+            "badge": {
               "type": "counter",
               "value": 50,
             },
@@ -96,15 +96,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
       renderItem={[Function]}
       scrollEventThrottle={50}
       showsHorizontalScrollIndicator={false}
-      stickyHeaderIndices={Array []}
-      viewabilityConfigCallbackPairs={Array []}
+      stickyHeaderIndices={[]}
+      viewabilityConfigCallbackPairs={[]}
     >
       <View>
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -124,7 +124,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
+              {
                 "marginLeft": 0,
                 "paddingVertical": 8,
               }
@@ -132,8 +132,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "bottom": 0,
                     "left": 0,
                     "paddingVertical": 8,
@@ -148,12 +148,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Object {
+                  {
                     "backgroundColor": "#ccd2d3",
                     "borderRadius": 16,
                     "flex": 1,
-                    "transform": Array [
-                      Object {
+                    "transform": [
+                      {
                         "scaleX": 1,
                       },
                     ],
@@ -164,8 +164,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "paddingHorizontal": 8,
                     "paddingVertical": 4,
                   },
@@ -178,15 +178,15 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                   allowFontScaling={false}
                   numberOfLines={1}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-SemiBold",
                         "fontSize": 16,
                         "letterSpacing": 0.24,
                         "lineHeight": 24,
                       },
-                      Object {
+                      {
                         "color": "#001f23",
                       },
                     ]
@@ -204,8 +204,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -225,7 +225,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
+              {
                 "marginLeft": 12,
                 "paddingVertical": 8,
               }
@@ -233,8 +233,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "bottom": 0,
                     "left": 0,
                     "paddingVertical": 8,
@@ -249,12 +249,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Object {
+                  {
                     "backgroundColor": undefined,
                     "borderRadius": 16,
                     "flex": 1,
-                    "transform": Array [
-                      Object {
+                    "transform": [
+                      {
                         "scaleX": 0,
                       },
                     ],
@@ -265,8 +265,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "paddingHorizontal": 8,
                     "paddingVertical": 4,
                   },
@@ -278,12 +278,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                 <HeroIcon
                   name="speaker-outlined"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 20,
                       },
-                      Object {
+                      {
                         "color": "#001f23",
                       },
                     ]
@@ -299,8 +299,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -320,7 +320,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
+              {
                 "marginLeft": 12,
                 "paddingVertical": 8,
               }
@@ -328,8 +328,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "bottom": 0,
                     "left": 0,
                     "paddingVertical": 8,
@@ -344,12 +344,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Object {
+                  {
                     "backgroundColor": undefined,
                     "borderRadius": 16,
                     "flex": 1,
-                    "transform": Array [
-                      Object {
+                    "transform": [
+                      {
                         "scaleX": 0,
                       },
                     ],
@@ -360,8 +360,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "paddingHorizontal": 8,
                     "paddingVertical": 4,
                   },
@@ -371,7 +371,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             >
               <View
                 style={
-                  Object {
+                  {
                     "paddingHorizontal": 4,
                   }
                 }
@@ -379,12 +379,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                 <HeroIcon
                   name="home-outlined"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 20,
                       },
-                      Object {
+                      {
                         "color": "#001f23",
                       },
                     ]
@@ -396,7 +396,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Object {
+                    {
                       "backgroundColor": "#cb300a",
                       "borderRadius": 999,
                       "height": 8,
@@ -404,8 +404,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                       "position": "absolute",
                       "right": -2,
                       "top": -2,
-                      "transform": Array [
-                        Object {
+                      "transform": [
+                        {
                           "scale": 1,
                         },
                       ],
@@ -421,8 +421,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
         <View
           onLayout={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "flexDirection": "row",
               },
               null,
@@ -442,7 +442,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              Object {
+              {
                 "marginLeft": 12,
                 "paddingVertical": 8,
               }
@@ -450,8 +450,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
           >
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "bottom": 0,
                     "left": 0,
                     "paddingVertical": 8,
@@ -466,12 +466,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Object {
+                  {
                     "backgroundColor": undefined,
                     "borderRadius": 16,
                     "flex": 1,
-                    "transform": Array [
-                      Object {
+                    "transform": [
+                      {
                         "scaleX": 0,
                       },
                     ],
@@ -482,8 +482,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             </View>
             <View
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "paddingHorizontal": 8,
                     "paddingVertical": 4,
                   },
@@ -493,8 +493,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
             >
               <View
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "alignItems": "center",
                       "flexDirection": "row",
                     },
@@ -505,12 +505,12 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                 <HeroIcon
                   name="calendar-dates-outlined"
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "color": "#001f23",
                         "fontSize": 20,
                       },
-                      Object {
+                      {
                         "color": "#001f23",
                       },
                     ]
@@ -522,7 +522,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Object {
+                    {
                       "alignItems": "center",
                       "backgroundColor": "#355bfb",
                       "borderRadius": 999,
@@ -532,8 +532,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                       "minWidth": 20,
                       "opacity": 1,
                       "paddingHorizontal": 8,
-                      "transform": Array [
-                        Object {
+                      "transform": [
+                        {
                           "scale": 1,
                         },
                       ],
@@ -545,16 +545,16 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
                   <Text
                     allowFontScaling={false}
                     style={
-                      Array [
-                        Object {
+                      [
+                        {
                           "color": "#001f23",
                           "fontFamily": "BeVietnamPro-Regular",
                           "fontSize": 12,
                           "letterSpacing": 0.48,
                           "lineHeight": 16,
                         },
-                        Array [
-                          Object {
+                        [
+                          {
                             "color": "#ffffff",
                             "includeFontPadding": false,
                             "textAlign": "center",

package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`TabWithBadge renders correctly with counter badge config 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignItems": "center",
         "flexDirection": "row",
       },
@@ -16,7 +16,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "alignItems": "center",
         "backgroundColor": "#355bfb",
         "borderRadius": 999,
@@ -26,8 +26,8 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
         "minWidth": 20,
         "opacity": 1,
         "paddingHorizontal": 8,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scale": 1,
           },
         ],
@@ -39,16 +39,16 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 12,
             "letterSpacing": 0.48,
             "lineHeight": 16,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#ffffff",
               "includeFontPadding": false,
               "textAlign": "center",
@@ -70,7 +70,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
 exports[`TabWithBadge renders correctly with status badge config 1`] = `
 <View
   style={
-    Object {
+    {
       "paddingHorizontal": 4,
     }
   }
@@ -79,7 +79,7 @@ exports[`TabWithBadge renders correctly with status badge config 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#cb300a",
         "borderRadius": 999,
         "height": 8,
@@ -87,8 +87,8 @@ exports[`TabWithBadge renders correctly with status badge config 1`] = `
         "position": "absolute",
         "right": -2,
         "top": -2,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scale": 1,
           },
         ],