@hero-design/rn 7.16.1 → 7.16.2

package/src/components/Select/SingleSelect/Option.tsx

@@ -1,8 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-
-import Typography from '../../Typography';
-import { OptionWrapper } from '../StyledSelect';
+import List from '../../List';
 
 const Option = ({
   text,
@@ -12,12 +9,6 @@ const Option = ({
   text: string;
   selected: boolean;
   onPress: () => void;
-}) => (
-  <OptionWrapper themeSelected={selected} onPress={onPress}>
-    <View style={{ flex: 1 }}>
-      <Typography.Text fontSize="large">{text}</Typography.Text>
-    </View>
-  </OptionWrapper>
-);
+}) => <List.BasicItem selected={selected} onPress={onPress} title={text} />;
 
 export default Option;

package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap

@@ -2,10 +2,13 @@
 
 exports[`Option renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
-  collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -14,22 +17,26 @@ exports[`Option renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#f1e9fb",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "justifyContent": "space-between",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#f1e9fb",
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <View
     style={
-      Object {
-        "flex": 1,
-      }
+      Array [
+        Object {
+          "flex": 1,
+        },
+        undefined,
+      ]
     }
   >
     <Text