@hero-design/rn 7.24.0 → 7.25.0

package/src/components/Select/MultiSelect/__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
@@ -255,13 +247,13 @@ exports[`OptionList render isLoading correctly 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -430,13 +422,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]}
@@ -445,19 +434,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
@@ -548,13 +533,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]}
@@ -563,19 +545,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
@@ -724,7 +702,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.9,
@@ -743,7 +721,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
@@ -779,7 +757,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "opacity": 0.45,
@@ -798,7 +776,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                   style={
                     Array [
                       Object {
-                        "backgroundColor": "#001f23",
+                        "backgroundColor": "#401960",
                         "borderRadius": 999,
                         "height": 16,
                         "marginLeft": 8,
@@ -863,7 +841,6 @@ exports[`OptionList renders correctly 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -990,13 +967,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]}
@@ -1005,19 +979,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
@@ -1065,13 +1035,13 @@ exports[`OptionList renders correctly 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -1240,13 +1210,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]}
@@ -1255,19 +1222,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
@@ -1358,13 +1321,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]}
@@ -1373,19 +1333,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
@@ -1513,7 +1469,6 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -1640,13 +1595,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1655,19 +1607,15 @@ exports[`OptionList trigger onPress correctly on changing selection 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
@@ -1715,13 +1663,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -1890,13 +1838,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1905,19 +1850,15 @@ exports[`OptionList trigger onPress correctly on changing selection 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
@@ -1965,13 +1906,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -2033,13 +1974,10 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2048,19 +1986,15 @@ exports[`OptionList trigger onPress correctly on changing selection 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
@@ -2188,7 +2122,6 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
   onScroll={[Function]}
   onScrollBeginDrag={[Function]}
   onScrollEndDrag={[Function]}
-  onScrollToIndexFailed={[Function]}
   renderItem={[Function]}
   scrollEventThrottle={50}
   stickyHeaderIndices={
@@ -2315,13 +2248,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2330,19 +2260,15 @@ exports[`OptionList trigger onPress correctly on select additional 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
@@ -2390,13 +2316,13 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 20,
                   },
                   undefined,
                 ]
               }
-              themeIntent="text"
+              themeIntent="primary"
               themeSize="small"
             />
           </View>
@@ -2565,13 +2491,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
           }
         />
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2580,19 +2503,15 @@ exports[`OptionList trigger onPress correctly on select additional 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
@@ -2683,13 +2602,10 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
     >
       <View>
         <View
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
           accessible={true}
+          collapsable={false}
           focusable={true}
+          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2698,19 +2614,15 @@ exports[`OptionList trigger onPress correctly on select additional 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