@hero-design/rn 8.52.1 → 8.52.2-rc2.0

package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1,806 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <View
-    testID="carousel"
-  >
-    <View
-      style={
-        [
-          {
-            "backgroundColor": "#ece8ef",
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          },
-          undefined,
-        ]
-      }
-      themeSlideBackground="#ece8ef"
-    />
-    <View
-      style={
-        [
-          {
-            "alignItems": "center",
-            "height": 48,
-            "justifyContent": "center",
-          },
-          undefined,
-        ]
-      }
-    />
-    <View
-      style={
-        [
-          {
-            "flexGrow": 2,
-            "justifyContent": "space-between",
-          },
-          undefined,
-        ]
-      }
-    >
-      <RCTScrollView
-        bounces={false}
-        data={
-          [
-            {
-              "background": "#ece8ef",
-              "body": "Access your Work, Money and Benefits in the palm of your hand.",
-              "heading": "Welcome to the new Employment Hero app",
-              "image": 1,
-            },
-            {
-              "background": "#ccd2d3",
-              "body": "Our app now has a new bright clean modern look and feel with the same great features.",
-              "content": <Image
-                source={
-                  {
-                    "uri": "https://picsum.photos/30",
-                  }
-                }
-              />,
-              "heading": "Same app with a new look!",
-              "image": "https://picsum.photos/800/1200",
-            },
-            {
-              "background": "#ccd2d3",
-              "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
-              "heading": "Easier to get around",
-              "image": {
-                "height": 100,
-                "resizeMode": "cover",
-                "uri": "https://picsum.photos/1200/800",
-                "width": 30,
-              },
-            },
-            {
-              "background": "#ccd2d3",
-              "heading": "Test slide 4",
-              "image": {
-                "height": 100,
-                "uri": "https://picsum.photos/1200/800",
-                "width": 30,
-              },
-            },
-          ]
-        }
-        getItem={[Function]}
-        getItemCount={[Function]}
-        horizontal={true}
-        keyExtractor={[Function]}
-        onContentSizeChange={[Function]}
-        onLayout={[Function]}
-        onMomentumScrollBegin={[Function]}
-        onMomentumScrollEnd={[Function]}
-        onScroll={[Function]}
-        onScrollBeginDrag={[Function]}
-        onScrollEndDrag={[Function]}
-        onViewableItemsChanged={[Function]}
-        pagingEnabled={true}
-        removeClippedSubviews={false}
-        renderItem={[Function]}
-        scrollEventThrottle={32}
-        showsHorizontalScrollIndicator={false}
-        stickyHeaderIndices={[]}
-        testID="carousel_flatlist"
-        viewabilityConfig={
-          {
-            "viewAreaCoveragePercentThreshold": 50,
-          }
-        }
-        viewabilityConfigCallbackPairs={
-          [
-            {
-              "onViewableItemsChanged": [Function],
-              "viewabilityConfig": {
-                "viewAreaCoveragePercentThreshold": 50,
-              },
-            },
-          ]
-        }
-      >
-        <View>
-          <View
-            onFocusCapture={[Function]}
-            onLayout={[Function]}
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                },
-                null,
-              ]
-            }
-          >
-            <View
-              style={
-                [
-                  {},
-                  {
-                    "width": 750,
-                  },
-                ]
-              }
-            >
-              <Image
-                source={1}
-                style={
-                  [
-                    {
-                      "borderRadius": 0,
-                      "height": 72,
-                      "width": 72,
-                    },
-                    [
-                      {
-                        "flex": 1,
-                        "flexGrow": 2,
-                        "resizeMode": "contain",
-                        "width": "100%",
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-              />
-              <View
-                marginTop="large"
-                paddingHorizontal="large"
-                style={
-                  [
-                    {
-                      "marginTop": 24,
-                      "paddingHorizontal": 24,
-                    },
-                    [
-                      {
-                        "width": 750,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={750}
-              >
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "RebondGrotesque-SemiBold",
-                        "fontSize": 36,
-                        "letterSpacing": 1.5,
-                        "lineHeight": 44,
-                      },
-                      [
-                        {
-                          "marginBottom": 16,
-                          "marginTop": 8,
-                        },
-                        undefined,
-                      ],
-                    ]
-                  }
-                  themeIntent="body"
-                  themeLevel="h1"
-                  themeTypeface="playful"
-                >
-                  Welcome to the new Employment Hero app
-                </Text>
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "BeVietnamPro-Regular",
-                        "fontSize": 16,
-                        "letterSpacing": 0.48,
-                        "lineHeight": 24,
-                      },
-                      undefined,
-                    ]
-                  }
-                  themeIntent="body"
-                  themeTypeface="neutral"
-                  themeVariant="regular"
-                >
-                  Access your Work, Money and Benefits in the palm of your hand.
-                </Text>
-              </View>
-            </View>
-          </View>
-          <View
-            onFocusCapture={[Function]}
-            onLayout={[Function]}
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                },
-                null,
-              ]
-            }
-          >
-            <View
-              style={
-                [
-                  {},
-                  {
-                    "width": 750,
-                  },
-                ]
-              }
-            >
-              <Image
-                source={
-                  {
-                    "uri": "https://picsum.photos/800/1200",
-                  }
-                }
-                style={
-                  [
-                    {
-                      "borderRadius": 0,
-                      "height": 72,
-                      "width": 72,
-                    },
-                    [
-                      {
-                        "flex": 1,
-                        "flexGrow": 2,
-                        "resizeMode": "contain",
-                        "width": "100%",
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-              />
-              <View
-                marginTop="large"
-                paddingHorizontal="large"
-                style={
-                  [
-                    {
-                      "marginTop": 24,
-                      "paddingHorizontal": 24,
-                    },
-                    [
-                      {
-                        "width": 750,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={750}
-              >
-                <Image
-                  source={
-                    {
-                      "uri": "https://picsum.photos/30",
-                    }
-                  }
-                  style={
-                    [
-                      {
-                        "borderRadius": 0,
-                        "height": 72,
-                        "width": 72,
-                      },
-                      undefined,
-                    ]
-                  }
-                />
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "RebondGrotesque-SemiBold",
-                        "fontSize": 36,
-                        "letterSpacing": 1.5,
-                        "lineHeight": 44,
-                      },
-                      [
-                        {
-                          "marginBottom": 16,
-                          "marginTop": 8,
-                        },
-                        undefined,
-                      ],
-                    ]
-                  }
-                  themeIntent="body"
-                  themeLevel="h1"
-                  themeTypeface="playful"
-                >
-                  Same app with a new look!
-                </Text>
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "BeVietnamPro-Regular",
-                        "fontSize": 16,
-                        "letterSpacing": 0.48,
-                        "lineHeight": 24,
-                      },
-                      undefined,
-                    ]
-                  }
-                  themeIntent="body"
-                  themeTypeface="neutral"
-                  themeVariant="regular"
-                >
-                  Our app now has a new bright clean modern look and feel with the same great features.
-                </Text>
-              </View>
-            </View>
-          </View>
-          <View
-            onFocusCapture={[Function]}
-            onLayout={[Function]}
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                },
-                null,
-              ]
-            }
-          >
-            <View
-              style={
-                [
-                  {},
-                  {
-                    "width": 750,
-                  },
-                ]
-              }
-            >
-              <Image
-                height={100}
-                resizeMode="cover"
-                source={
-                  {
-                    "height": 100,
-                    "resizeMode": "cover",
-                    "uri": "https://picsum.photos/1200/800",
-                    "width": 30,
-                  }
-                }
-                style={
-                  [
-                    {
-                      "borderRadius": 0,
-                      "height": 72,
-                      "width": 72,
-                    },
-                    [
-                      {
-                        "alignSelf": "center",
-                        "height": 100,
-                        "resizeMode": "cover",
-                        "width": 30,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={30}
-              />
-              <View
-                marginTop="large"
-                paddingHorizontal="large"
-                style={
-                  [
-                    {
-                      "marginTop": 24,
-                      "paddingHorizontal": 24,
-                    },
-                    [
-                      {
-                        "width": 750,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={750}
-              >
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "RebondGrotesque-SemiBold",
-                        "fontSize": 36,
-                        "letterSpacing": 1.5,
-                        "lineHeight": 44,
-                      },
-                      [
-                        {
-                          "marginBottom": 16,
-                          "marginTop": 8,
-                        },
-                        undefined,
-                      ],
-                    ]
-                  }
-                  themeIntent="body"
-                  themeLevel="h1"
-                  themeTypeface="playful"
-                >
-                  Easier to get around
-                </Text>
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "BeVietnamPro-Regular",
-                        "fontSize": 16,
-                        "letterSpacing": 0.48,
-                        "lineHeight": 24,
-                      },
-                      undefined,
-                    ]
-                  }
-                  themeIntent="body"
-                  themeTypeface="neutral"
-                  themeVariant="regular"
-                >
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.
-                </Text>
-              </View>
-            </View>
-          </View>
-          <View
-            onFocusCapture={[Function]}
-            onLayout={[Function]}
-            style={
-              [
-                {
-                  "flexDirection": "row",
-                },
-                null,
-              ]
-            }
-          >
-            <View
-              style={
-                [
-                  {},
-                  {
-                    "width": 750,
-                  },
-                ]
-              }
-            >
-              <Image
-                height={100}
-                source={
-                  {
-                    "height": 100,
-                    "uri": "https://picsum.photos/1200/800",
-                    "width": 30,
-                  }
-                }
-                style={
-                  [
-                    {
-                      "borderRadius": 0,
-                      "height": 72,
-                      "width": 72,
-                    },
-                    [
-                      {
-                        "alignSelf": "center",
-                        "height": 100,
-                        "resizeMode": "contain",
-                        "width": 30,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={30}
-              />
-              <View
-                marginTop="large"
-                paddingHorizontal="large"
-                style={
-                  [
-                    {
-                      "marginTop": 24,
-                      "paddingHorizontal": 24,
-                    },
-                    [
-                      {
-                        "width": 750,
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-                width={750}
-              >
-                <Text
-                  allowFontScaling={false}
-                  style={
-                    [
-                      {
-                        "color": "#001f23",
-                        "fontFamily": "RebondGrotesque-SemiBold",
-                        "fontSize": 36,
-                        "letterSpacing": 1.5,
-                        "lineHeight": 44,
-                      },
-                      [
-                        {
-                          "marginBottom": 16,
-                          "marginTop": 8,
-                        },
-                        undefined,
-                      ],
-                    ]
-                  }
-                  themeIntent="body"
-                  themeLevel="h1"
-                  themeTypeface="playful"
-                >
-                  Test slide 4
-                </Text>
-              </View>
-            </View>
-          </View>
-        </View>
-      </RCTScrollView>
-      <View
-        style={
-          [
-            {
-              "flexDirection": "row",
-              "justifyContent": "space-between",
-              "marginBottom": 24,
-              "paddingHorizontal": 24,
-              "paddingVertical": 16,
-            },
-            undefined,
-          ]
-        }
-      >
-        <View
-          accessibilityState={
-            {
-              "disabled": false,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          focusable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            [
-              {
-                "alignItems": "center",
-                "alignSelf": "stretch",
-                "backgroundColor": "#401960",
-                "borderRadius": 32,
-                "flexDirection": "row",
-                "height": 60,
-                "justifyContent": "center",
-                "padding": 16,
-              },
-              undefined,
-            ]
-          }
-        >
-          <Text
-            allowFontScaling={false}
-            disabled={false}
-            ellipsizeMode="tail"
-            numberOfLines={1}
-            style={
-              [
-                {
-                  "color": "#001f23",
-                  "fontFamily": "BeVietnamPro-SemiBold",
-                  "fontSize": 18,
-                  "letterSpacing": 0.24,
-                  "lineHeight": 28,
-                },
-                [
-                  {
-                    "color": "#ffffff",
-                    "flexShrink": 1,
-                    "textAlign": "center",
-                  },
-                  undefined,
-                ],
-              ]
-            }
-            themeButtonVariant="filled-primary"
-            themeIntent="body"
-            themeLevel="h5"
-            themeTypeface="neutral"
-          >
-            Skip
-          </Text>
-        </View>
-        <View
-          style={
-            [
-              {
-                "alignItems": "center",
-                "flexDirection": "row",
-              },
-              [
-                {
-                  "paddingVertical": 8,
-                },
-                undefined,
-              ],
-            ]
-          }
-        >
-          <View
-            accessibilityState={
-              {
-                "selected": true,
-              }
-            }
-            collapsable={false}
-            style={
-              {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 8,
-                "marginHorizontal": 8,
-                "opacity": 1,
-                "width": 24,
-              }
-            }
-            testID="page-control-indicator0"
-          />
-          <View
-            accessibilityState={
-              {
-                "selected": false,
-              }
-            }
-            collapsable={false}
-            style={
-              {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 8,
-                "marginHorizontal": 8,
-                "opacity": 0.5,
-                "width": 8,
-              }
-            }
-            testID="page-control-indicator1"
-          />
-          <View
-            accessibilityState={
-              {
-                "selected": false,
-              }
-            }
-            collapsable={false}
-            style={
-              {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 8,
-                "marginHorizontal": 8,
-                "opacity": 0.5,
-                "width": 8,
-              }
-            }
-            testID="page-control-indicator2"
-          />
-          <View
-            accessibilityState={
-              {
-                "selected": false,
-              }
-            }
-            collapsable={false}
-            style={
-              {
-                "backgroundColor": "#401960",
-                "borderRadius": 999,
-                "height": 8,
-                "marginHorizontal": 8,
-                "opacity": 0.5,
-                "width": 8,
-              }
-            }
-            testID="page-control-indicator3"
-          />
-        </View>
-      </View>
-    </View>
-  </View>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Carousel renders correctly with pageControlPosition top 1`] = `
+exports[`Carousel renders correctly 1`] = `
 <View
   style={
     {
@@ -1580,7 +780,6 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -2381,7 +1580,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {