@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap

@@ -4,12 +4,12 @@ exports[`Option renders correctly when not selected 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "justifyContent": "center",
       "paddingHorizontal": 16,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateX": 0,
         },
       ],
@@ -19,7 +19,7 @@ exports[`Option renders correctly when not selected 1`] = `
 >
   <View
     style={
-      Object {
+      {
         "paddingHorizontal": 8,
       }
     }
@@ -28,8 +28,8 @@ exports[`Option renders correctly when not selected 1`] = `
     <HeroIcon
       name="user"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontSize": 24,
           },
@@ -42,7 +42,7 @@ exports[`Option renders correctly when not selected 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "backgroundColor": "#cb300a",
           "borderRadius": 999,
           "height": 8,
@@ -50,8 +50,8 @@ exports[`Option renders correctly when not selected 1`] = `
           "position": "absolute",
           "right": -2,
           "top": -2,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -68,13 +68,13 @@ exports[`Option renders correctly when selected 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "alignItems": "center",
       "borderRadius": 999,
       "flex": 1,
       "justifyContent": "center",
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateX": 0,
         },
       ],
@@ -84,7 +84,7 @@ exports[`Option renders correctly when selected 1`] = `
 >
   <View
     style={
-      Object {
+      {
         "paddingHorizontal": 8,
       }
     }
@@ -93,8 +93,8 @@ exports[`Option renders correctly when selected 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
@@ -113,7 +113,7 @@ exports[`Option renders correctly when selected 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "backgroundColor": "#cb300a",
           "borderRadius": 999,
           "height": 8,
@@ -121,8 +121,8 @@ exports[`Option renders correctly when selected 1`] = `
           "position": "absolute",
           "right": -2,
           "top": -2,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "scale": 1,
             },
           ],
@@ -139,8 +139,8 @@ exports[`OptionContent renders correctly there is no badge 1`] = `
 <HeroIcon
   name="user"
   style={
-    Array [
-      Object {
+    [
+      {
         "color": "#001f23",
         "fontSize": 24,
       },
@@ -155,7 +155,7 @@ exports[`OptionContent renders correctly there is no badge 1`] = `
 exports[`OptionContent renders correctly when there is a badge 1`] = `
 <View
   style={
-    Object {
+    {
       "paddingHorizontal": 8,
     }
   }
@@ -164,8 +164,8 @@ exports[`OptionContent renders correctly when there is a badge 1`] = `
   <HeroIcon
     name="user"
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },
@@ -178,7 +178,7 @@ exports[`OptionContent renders correctly when there is a badge 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#cb300a",
         "borderRadius": 999,
         "height": 8,
@@ -186,8 +186,8 @@ exports[`OptionContent renders correctly when there is a badge 1`] = `
         "position": "absolute",
         "right": -2,
         "top": -2,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "scale": 1,
           },
         ],

package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap

@@ -13,8 +13,8 @@ exports[`SelectorSwitch renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "flexDirection": "row",
@@ -31,13 +31,13 @@ exports[`SelectorSwitch renders correctly 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "borderRadius": 999,
         "flex": 1,
         "justifyContent": "center",
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateX": 0,
           },
         ],
@@ -48,8 +48,8 @@ exports[`SelectorSwitch renders correctly 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
@@ -70,12 +70,12 @@ exports[`SelectorSwitch renders correctly 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "alignItems": "center",
         "justifyContent": "center",
         "paddingHorizontal": 16,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateX": 0,
           },
         ],
@@ -85,7 +85,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
   >
     <View
       style={
-        Object {
+        {
           "paddingHorizontal": 8,
         }
       }
@@ -94,8 +94,8 @@ exports[`SelectorSwitch renders correctly 1`] = `
       <HeroIcon
         name="multiple-users"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 24,
             },
@@ -108,7 +108,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "backgroundColor": "#cb300a",
             "borderRadius": 999,
             "height": 8,
@@ -116,8 +116,8 @@ exports[`SelectorSwitch renders correctly 1`] = `
             "position": "absolute",
             "right": -2,
             "top": -2,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "scale": 1,
               },
             ],
@@ -131,7 +131,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#ccd2d3",
         "borderRadius": 999,
         "bottom": 0,
@@ -139,8 +139,8 @@ exports[`SelectorSwitch renders correctly 1`] = `
         "position": "absolute",
         "right": 0,
         "top": 0,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateX": 0,
           },
         ],

package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap

@@ -4,7 +4,7 @@ exports[`StyledKnot renders correct style 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#ffffff",
       "borderRadius": 999,
       "height": 16,
@@ -17,8 +17,8 @@ exports[`StyledKnot renders correct style 1`] = `
 exports[`StyledWrapper renders correct style with variant checked 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#401960",
         "borderRadius": 999,
         "display": "flex",
@@ -37,8 +37,8 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
 exports[`StyledWrapper renders correct style with variant disabled-checked 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ece8ef",
         "borderRadius": 999,
         "display": "flex",
@@ -57,8 +57,8 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
 exports[`StyledWrapper renders correct style with variant disabled-unchecked 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#bfc1c5",
         "borderRadius": 999,
         "display": "flex",
@@ -77,8 +77,8 @@ exports[`StyledWrapper renders correct style with variant disabled-unchecked 1`]
 exports[`StyledWrapper renders correct style with variant unchecked 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#808f91",
         "borderRadius": 999,
         "display": "flex",

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

@@ -3,7 +3,7 @@
 exports[`Switch renders correctly 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -17,8 +17,8 @@ exports[`Switch renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#808f91",
         "borderRadius": 999,
         "display": "flex",
@@ -36,7 +36,7 @@ exports[`Switch renders correctly 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,
@@ -51,7 +51,7 @@ exports[`Switch renders correctly 1`] = `
 exports[`Switch trigger press function correctly 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": false,
     }
   }
@@ -65,8 +65,8 @@ exports[`Switch trigger press function correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#808f91",
         "borderRadius": 999,
         "display": "flex",
@@ -84,7 +84,7 @@ exports[`Switch trigger press function correctly 1`] = `
   <View
     collapsable={false}
     style={
-      Object {
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
         "height": 16,

package/src/components/Tabs/SceneView.tsx

@@ -29,7 +29,7 @@ const SceneView = ({
 
   React.useEffect(() => {
     let unsubscribe: (() => void) | undefined;
-    let timer: number | undefined;
+    let timer: ReturnType<typeof setTimeout>;
 
     if (!lazy && isLoading) {
       // If lazy mode is not enabled, render the scene with a delay if not loaded already
@@ -39,7 +39,10 @@ const SceneView = ({
 
     return () => {
       unsubscribe?.();
-      clearTimeout(timer);
+
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
   }, [index, isLoading, lazy, focused]);
 

package/src/components/Tabs/ScrollableTabs.tsx

@@ -25,7 +25,7 @@ const ScrollableTab = ({
   );
 
   React.useEffect(() => {
-    let timeoutHandle: number | null = null;
+    let timeoutHandle: ReturnType<typeof setTimeout>;
     if (selectedTabIndex !== -1) {
       // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
       // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715

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

@@ -5,12 +5,12 @@ exports[`ScenceView lazy not renders child correctly when the scence is lazy and
   accessibilityElementsHidden={true}
   importantForAccessibility="no-hide-descendants"
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "overflow": "hidden",
         },
@@ -27,12 +27,12 @@ exports[`ScenceView lazy not renders child correctly when the scence is lazy and
   accessibilityElementsHidden={true}
   importantForAccessibility="no-hide-descendants"
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "overflow": "hidden",
         },
@@ -45,8 +45,8 @@ exports[`ScenceView lazy not renders child correctly when the scence is lazy and
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -70,16 +70,16 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   accessibilityElementsHidden={false}
   importantForAccessibility="auto"
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "overflow": "hidden",
         },
-        Object {
+        {
           "bottom": 0,
           "left": 0,
           "position": "absolute",
@@ -94,8 +94,8 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
@@ -119,12 +119,12 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   accessibilityElementsHidden={true}
   importantForAccessibility="no-hide-descendants"
   style={
-    Array [
-      Object {
+    [
+      {
         "flex": 1,
       },
-      Array [
-        Object {
+      [
+        {
           "flex": 1,
           "overflow": "hidden",
         },
@@ -137,8 +137,8 @@ exports[`ScenceView lazy renders child correctly when the scence is focused and
   <Text
     allowFontScaling={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,