@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`OptionList render isLoading correctly 1`] = `
   ListFooterComponent={
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "display": "flex",
           "height": 56,
@@ -16,24 +16,24 @@ exports[`OptionList render isLoading correctly 1`] = `
     </View>
   }
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -56,17 +56,17 @@ exports[`OptionList render isLoading correctly 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Object {},
+      {},
     ]
   }
 >
@@ -77,8 +77,8 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -88,7 +88,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -96,8 +96,8 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -107,8 +107,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -118,8 +118,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -147,10 +147,10 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -158,28 +158,28 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -189,7 +189,7 @@ exports[`OptionList render isLoading correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -203,8 +203,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -218,8 +218,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -229,8 +229,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -249,8 +249,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginLeft": 8,
                 },
                 undefined,
@@ -260,12 +260,12 @@ exports[`OptionList render isLoading correctly 1`] = `
             <HeroIcon
               name="checkmark"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#401960",
                     "fontSize": 20,
                   },
-                  Object {
+                  {
                     "marginRight": 12,
                   },
                 ]
@@ -279,16 +279,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -296,22 +296,22 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -331,8 +331,8 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -342,7 +342,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -350,8 +350,8 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -361,8 +361,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -372,8 +372,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -401,10 +401,10 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -412,14 +412,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -427,15 +427,15 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -443,7 +443,7 @@ exports[`OptionList render isLoading correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -457,8 +457,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -472,8 +472,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -483,8 +483,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -505,16 +505,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -522,14 +522,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -537,15 +537,15 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -560,7 +560,7 @@ exports[`OptionList render isLoading correctly 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -574,8 +574,8 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -589,8 +589,8 @@ exports[`OptionList render isLoading correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -600,8 +600,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -622,16 +622,16 @@ exports[`OptionList render isLoading correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -639,14 +639,14 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -654,8 +654,8 @@ exports[`OptionList render isLoading correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -673,7 +673,7 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View
         style={
-          Object {
+          {
             "alignItems": "center",
             "display": "flex",
             "height": 56,
@@ -682,16 +682,16 @@ exports[`OptionList render isLoading correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {},
+            [
+              {},
               undefined,
             ]
           }
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "alignItems": "center",
                   "height": "100%",
                   "justifyContent": "center",
@@ -703,9 +703,9 @@ exports[`OptionList render isLoading correctly 1`] = `
             <View
               collapsable={false}
               style={
-                Object {
-                  "transform": Array [
-                    Object {
+                {
+                  "transform": [
+                    {
                       "rotate": "0deg",
                     },
                   ],
@@ -715,12 +715,12 @@ exports[`OptionList render isLoading correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "flexDirection": "row",
                       "marginBottom": 8,
                     },
-                    Object {},
+                    {},
                   ]
                 }
                 themePosition="top"
@@ -729,15 +729,15 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.9,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -747,8 +747,8 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
@@ -756,7 +756,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                         "opacity": 0.675,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -767,12 +767,12 @@ exports[`OptionList render isLoading correctly 1`] = `
               <View
                 collapsable={false}
                 style={
-                  Array [
-                    Object {
+                  [
+                    {
                       "flexDirection": "row",
                       "marginBottom": 0,
                     },
-                    Object {},
+                    {},
                   ]
                 }
                 themePosition="bottom"
@@ -781,15 +781,15 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.45,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -799,8 +799,8 @@ exports[`OptionList render isLoading correctly 1`] = `
                 <View
                   collapsable={false}
                   style={
-                    Array [
-                      Object {
+                    [
+                      {
                         "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
@@ -808,7 +808,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                         "opacity": 0.225,
                         "width": 16,
                       },
-                      Object {},
+                      {},
                     ]
                   }
                   themeIntent="primary"
@@ -829,24 +829,24 @@ exports[`OptionList renders correctly 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -869,17 +869,17 @@ exports[`OptionList renders correctly 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Object {},
+      {},
     ]
   }
 >
@@ -890,8 +890,8 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -901,7 +901,7 @@ exports[`OptionList renders correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -909,8 +909,8 @@ exports[`OptionList renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -920,8 +920,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -931,8 +931,8 @@ exports[`OptionList renders correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -960,10 +960,10 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -971,28 +971,28 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1002,7 +1002,7 @@ exports[`OptionList renders correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1016,8 +1016,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -1031,8 +1031,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1042,8 +1042,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1062,8 +1062,8 @@ exports[`OptionList renders correctly 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginLeft": 8,
                 },
                 undefined,
@@ -1073,12 +1073,12 @@ exports[`OptionList renders correctly 1`] = `
             <HeroIcon
               name="checkmark"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#401960",
                     "fontSize": 20,
                   },
-                  Object {
+                  {
                     "marginRight": 12,
                   },
                 ]
@@ -1092,16 +1092,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1109,22 +1109,22 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1144,8 +1144,8 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1155,7 +1155,7 @@ exports[`OptionList renders correctly 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1163,8 +1163,8 @@ exports[`OptionList renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1174,8 +1174,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1185,8 +1185,8 @@ exports[`OptionList renders correctly 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1214,10 +1214,10 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1225,14 +1225,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1240,15 +1240,15 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -1256,7 +1256,7 @@ exports[`OptionList renders correctly 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1270,8 +1270,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1285,8 +1285,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1296,8 +1296,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1318,16 +1318,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1335,14 +1335,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1350,15 +1350,15 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -1373,7 +1373,7 @@ exports[`OptionList renders correctly 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1387,8 +1387,8 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -1402,8 +1402,8 @@ exports[`OptionList renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1413,8 +1413,8 @@ exports[`OptionList renders correctly 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1435,16 +1435,16 @@ exports[`OptionList renders correctly 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1452,14 +1452,14 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1467,8 +1467,8 @@ exports[`OptionList renders correctly 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -1489,24 +1489,24 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -1529,17 +1529,17 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Object {},
+      {},
     ]
   }
 >
@@ -1550,8 +1550,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1561,7 +1561,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1569,8 +1569,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1580,8 +1580,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1591,8 +1591,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1620,10 +1620,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1631,28 +1631,28 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1662,7 +1662,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1676,8 +1676,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -1691,8 +1691,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1702,8 +1702,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1722,8 +1722,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginLeft": 8,
                 },
                 undefined,
@@ -1733,12 +1733,12 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             <HeroIcon
               name="checkmark"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#401960",
                     "fontSize": 20,
                   },
-                  Object {
+                  {
                     "marginRight": 12,
                   },
                 ]
@@ -1752,16 +1752,16 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1769,22 +1769,22 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1804,8 +1804,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -1815,7 +1815,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -1823,8 +1823,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -1834,8 +1834,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -1845,8 +1845,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -1874,10 +1874,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -1885,14 +1885,14 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -1900,15 +1900,15 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -1916,7 +1916,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -1930,8 +1930,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -1945,8 +1945,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -1956,8 +1956,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -1976,8 +1976,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginLeft": 8,
                 },
                 undefined,
@@ -1987,12 +1987,12 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             <HeroIcon
               name="checkmark"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#401960",
                     "fontSize": 20,
                   },
-                  Object {
+                  {
                     "marginRight": 12,
                   },
                 ]
@@ -2006,16 +2006,16 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2023,14 +2023,14 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2038,15 +2038,15 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -2061,7 +2061,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2075,8 +2075,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -2090,8 +2090,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2101,8 +2101,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2123,16 +2123,16 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2140,14 +2140,14 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2155,8 +2155,8 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
@@ -2177,24 +2177,24 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
 <RCTScrollView
   ListFooterComponent={null}
   data={
-    Array [
-      Object {
+    [
+      {
         "category": "A",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "A1",
             "value": "a1",
           },
         ],
       },
-      Object {
+      {
         "category": "B",
-        "data": Array [
-          Object {
+        "data": [
+          {
             "text": "B1",
             "value": "b1",
           },
-          Object {
+          {
             "text": "B2",
             "value": "b2",
           },
@@ -2217,17 +2217,17 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
-    Array [
+    [
       0,
       3,
     ]
   }
   style={
-    Array [
-      Object {
+    [
+      {
         "paddingHorizontal": 12,
       },
-      Object {},
+      {},
     ]
   }
 >
@@ -2238,8 +2238,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -2249,7 +2249,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -2257,8 +2257,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -2268,8 +2268,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -2279,8 +2279,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -2308,10 +2308,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         <View
           highlighted={false}
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2319,28 +2319,28 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2350,7 +2350,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2364,8 +2364,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ece8ef",
                 "borderRadius": 4,
@@ -2379,8 +2379,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2390,8 +2390,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2410,8 +2410,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           </View>
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginLeft": 8,
                 },
                 undefined,
@@ -2421,12 +2421,12 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             <HeroIcon
               name="checkmark"
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#401960",
                     "fontSize": 20,
                   },
-                  Object {
+                  {
                     "marginRight": 12,
                   },
                 ]
@@ -2440,16 +2440,16 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "A1",
               "value": "a1",
             }
           }
           section={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2457,22 +2457,22 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingSection={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2492,8 +2492,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "alignContent": "center",
               "backgroundColor": "#f6f6f7",
               "display": "flex",
@@ -2503,7 +2503,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               "paddingHorizontal": 16,
               "paddingVertical": 8,
             },
-            Object {
+            {
               "marginBottom": 0,
             },
           ]
@@ -2511,8 +2511,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "display": "flex",
                 "flexDirection": "row",
               },
@@ -2522,8 +2522,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "marginRight": 8,
                 },
                 undefined,
@@ -2533,8 +2533,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           <Text
             allowFontScaling={false}
             style={
-              Array [
-                Object {
+              [
+                {
                   "color": "#001f23",
                   "fontFamily": "BeVietnamPro-Regular",
                   "fontSize": 16,
@@ -2562,10 +2562,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         <View
           highlighted={false}
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2573,14 +2573,14 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2588,15 +2588,15 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
@@ -2604,7 +2604,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         />
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2618,8 +2618,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -2633,8 +2633,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2644,8 +2644,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2666,16 +2666,16 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B1",
               "value": "b1",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2683,14 +2683,14 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2698,15 +2698,15 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 4,
               },
               undefined,
             ]
           }
           trailingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
@@ -2721,7 +2721,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
       <View>
         <View
           accessibilityState={
-            Object {
+            {
               "disabled": false,
             }
           }
@@ -2735,8 +2735,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
+            [
+              {
                 "alignItems": "center",
                 "backgroundColor": "#ffffff",
                 "borderRadius": 4,
@@ -2750,8 +2750,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "flex": 1,
                 },
                 undefined,
@@ -2761,8 +2761,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             <Text
               allowFontScaling={false}
               style={
-                Array [
-                  Object {
+                [
+                  {
                     "color": "#001f23",
                     "fontFamily": "BeVietnamPro-Regular",
                     "fontSize": 16,
@@ -2783,16 +2783,16 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
         <View
           highlighted={false}
           leadingItem={
-            Object {
+            {
               "text": "B2",
               "value": "b2",
             }
           }
           leadingSection={
-            Object {
+            {
               "category": "A",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "A1",
                   "value": "a1",
                 },
@@ -2800,14 +2800,14 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           section={
-            Object {
+            {
               "category": "B",
-              "data": Array [
-                Object {
+              "data": [
+                {
                   "text": "B1",
                   "value": "b1",
                 },
-                Object {
+                {
                   "text": "B2",
                   "value": "b2",
                 },
@@ -2815,8 +2815,8 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             }
           }
           style={
-            Array [
-              Object {
+            [
+              {
                 "marginTop": 12,
               },
               undefined,