@hero-design/rn 7.24.0 → 7.25.0

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

@@ -2,13 +2,10 @@
 
 exports[`Option renders correctly 1`] = `
 <View
-  accessibilityState={
-    Object {
-      "disabled": false,
-    }
-  }
   accessible={true}
+  collapsable={false}
   focusable={true}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -17,19 +14,15 @@ exports[`Option renders correctly 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#d9d1df",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      },
-      Object {
-        "marginHorizontal": 12,
-      },
-    ]
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ece8ef",
+      "borderRadius": 4,
+      "flexDirection": "row",
+      "marginHorizontal": 12,
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <View

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

@@ -53,7 +53,6 @@ exports[`OptionList render isLoading correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -180,13 +179,10 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -195,19 +191,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -405,13 +397,10 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -420,19 +409,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -523,13 +508,10 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -538,19 +520,15 @@ exports[`OptionList render isLoading correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -699,7 +677,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.9,
@@ -718,7 +696,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
@@ -754,7 +732,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.45,
@@ -773,7 +751,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
@@ -838,7 +816,6 @@ exports[`OptionList renders correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -965,13 +942,10 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -980,19 +954,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1190,13 +1160,10 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1205,19 +1172,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1308,13 +1271,10 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1323,19 +1283,15 @@ exports[`OptionList renders correctly 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1463,7 +1419,6 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -1590,13 +1545,10 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1605,19 +1557,15 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1815,13 +1763,10 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1830,19 +1775,15 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -1933,13 +1874,10 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1948,19 +1886,15 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2088,7 +2022,6 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -2215,13 +2148,10 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2230,19 +2160,15 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#d9d1df",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ece8ef",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2440,13 +2366,10 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2455,19 +2378,15 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View
@@ -2558,13 +2477,10 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2573,19 +2489,15 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           onResponderTerminationRequest={[Function]}
           onStartShouldSetResponder={[Function]}
           style={
-            Array [
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "opacity": 1,
-                "padding": 16,
-              },
-              Object {
-                "marginHorizontal": 12,
-              },
-            ]
+            Object {
+              "alignItems": "center",
+              "backgroundColor": "#ffffff",
+              "borderRadius": 4,
+              "flexDirection": "row",
+              "marginHorizontal": 12,
+              "opacity": 1,
+              "padding": 16,
+            }
           }
         >
           <View