@hero-design/rn 7.23.0 → 7.25.0

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,15 +677,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
-                        "opacity": 1,
+                        "opacity": 0.9,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="topLeft"
                   themeSize="medium"
                 />
@@ -717,16 +696,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.75,
+                        "opacity": 0.675,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="topRight"
                   themeSize="medium"
                 />
@@ -752,15 +732,16 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
-                        "opacity": 0.5,
+                        "opacity": 0.45,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="bottomLeft"
                   themeSize="medium"
                 />
@@ -770,16 +751,17 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
-                        "opacity": 0.25,
+                        "opacity": 0.225,
                         "width": 16,
                       },
                       Object {},
                     ]
                   }
+                  themeIntent="primary"
                   themePosition="bottomRight"
                   themeSize="medium"
                 />
@@ -834,7 +816,6 @@ exports[`OptionList renders correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -961,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]}
@@ -976,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
@@ -1186,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]}
@@ -1201,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
@@ -1304,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]}
@@ -1319,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
@@ -1459,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={
@@ -1586,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]}
@@ -1601,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
@@ -1811,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]}
@@ -1826,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
@@ -1929,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]}
@@ -1944,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
@@ -2084,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={
@@ -2211,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]}
@@ -2226,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
@@ -2436,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]}
@@ -2451,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
@@ -2554,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]}
@@ -2569,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