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

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

@@ -45,53 +45,43 @@ const carouselData = [
 ];
 
 describe('Carousel', () => {
-  it.each`
-    pageControlPosition
-    ${'bottom'}
-    ${'top'}
-  `(
-    'renders correctly with pageControlPosition $pageControlPosition',
-    async ({ pageControlPosition }) => {
-      const onPress = jest.fn();
-      const { getByTestId, queryByText, toJSON } = renderWithTheme(
-        <Carousel
-          pageControlPosition={pageControlPosition}
-          testID="carousel"
-          items={carouselData}
-          renderActions={(_) => {
-            return <Button text="Skip" onPress={onPress} />;
-          }}
-        />
-      );
-
-      expect(getByTestId('carousel')).toBeTruthy();
-
-      expect(queryByText('Skip')).toBeTruthy();
-
-      // Slide 1
-      expect(
-        queryByText('Welcome to the new Employment Hero app')
-      ).toBeTruthy();
-
-      // Slide 2
-      expect(queryByText('Same app with a new look!')).toBeTruthy();
-      expect(
-        queryByText(
-          'Our app now has a new bright clean modern look and feel with the same great features.'
-        )
-      ).toBeTruthy();
-
-      // Slide 3
-      expect(queryByText('Easier to get around')).toBeTruthy();
-      expect(
-        queryByText(
-          '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.'
-        )
-      ).toBeTruthy();
-
-      expect(toJSON()).toMatchSnapshot();
-    }
-  );
+  it('renders correctly', async () => {
+    const onPress = jest.fn();
+    const { getByTestId, queryByText, toJSON } = renderWithTheme(
+      <Carousel
+        testID="carousel"
+        items={carouselData}
+        renderActions={(_) => {
+          return <Button text="Skip" onPress={onPress} />;
+        }}
+      />
+    );
+
+    expect(getByTestId('carousel')).toBeTruthy();
+
+    expect(queryByText('Skip')).toBeTruthy();
+
+    // Slide 1
+    expect(queryByText('Welcome to the new Employment Hero app')).toBeTruthy();
+
+    // Slide 2
+    expect(queryByText('Same app with a new look!')).toBeTruthy();
+    expect(
+      queryByText(
+        'Our app now has a new bright clean modern look and feel with the same great features.'
+      )
+    ).toBeTruthy();
+
+    // Slide 3
+    expect(queryByText('Easier to get around')).toBeTruthy();
+    expect(
+      queryByText(
+        '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.'
+      )
+    ).toBeTruthy();
+
+    expect(toJSON()).toMatchSnapshot();
+  });
 
   it('should call skip call back when press skip', () => {
     const onSkip = jest.fn();

package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap

@@ -24,7 +24,6 @@ exports[`StyledCheckbox renders correctly when disabled is false and readonly is
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -69,7 +68,6 @@ exports[`StyledCheckbox renders correctly when disabled is false and readonly is
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -114,7 +112,6 @@ exports[`StyledCheckbox renders correctly when disabled is true and readonly is
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -159,7 +156,6 @@ exports[`StyledCheckbox renders correctly when disabled is true and readonly is
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -229,7 +225,6 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is fal
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -299,7 +294,6 @@ exports[`StyledWrapper renders correctly when disabled is false, readonly is tru
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -369,7 +363,6 @@ exports[`StyledWrapper renders correctly when disabled is true, readonly is fals
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -439,7 +432,6 @@ exports[`StyledWrapper renders correctly when disabled is true, readonly is true
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -77,7 +77,6 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -197,7 +196,6 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -321,7 +319,6 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -445,7 +442,6 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -569,7 +565,6 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -693,7 +688,6 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Checkbox/index.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import {
+  StyledCheckMark,
   StyledCheckbox,
   StyledCheckboxContainer,
-  StyledCheckMark,
   StyledDescription,
   StyledWrapper,
 } from './StyledCheckbox';
-import { useDeprecation } from '../../utils/hooks';
 
 export interface CheckboxProps {
   /**
@@ -18,11 +17,6 @@ export interface CheckboxProps {
    * Checkbox's description.
    */
   description?: string;
-  /**
-   * @deprecated This prop will be removed in the next major release. Checkboxes will always have border.
-   * Whether the border is shown.
-   */
-  withBorder?: boolean;
   /**
    * Whether the switch is disabled
    */
@@ -65,18 +59,12 @@ export const getThemeState = ({ disabled, readonly }: getStateType) => {
 const Checkbox = ({
   checked,
   description,
-  withBorder = false,
   disabled = false,
   onPress,
   style,
   testID,
   readonly = false,
 }: CheckboxProps) => {
-  useDeprecation(
-    `Checkbox's withBorder prop will be removed in the next major release, all checkboxes will have border by default. Please remove it.`,
-    withBorder === true
-  );
-
   const themeState = getThemeState({ disabled, readonly });
 
   return (

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

@@ -80,7 +80,6 @@ exports[`Chip does not render icon when variant is outlined 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -217,7 +216,6 @@ exports[`Chip does not render icon when variant is outlined 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -317,7 +315,6 @@ exports[`Chip renders correctly when selected is false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -453,7 +450,6 @@ exports[`Chip renders correctly when selected is true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -594,7 +590,6 @@ exports[`Chip renders correctly with custom icon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -735,7 +730,6 @@ exports[`Chip renders correctly with custom icon 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -836,7 +830,6 @@ exports[`Chip renders correctly with default icon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -973,7 +966,6 @@ exports[`Chip renders correctly with default icon 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1082,7 +1074,6 @@ exports[`Chip renders correctly with variant filled and selected false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1223,7 +1214,6 @@ exports[`Chip renders correctly with variant filled and selected true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1324,7 +1314,6 @@ exports[`Chip renders correctly with variant outlined and selected false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1461,7 +1450,6 @@ exports[`Chip renders correctly with variant outlined and selected true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap

@@ -25,7 +25,6 @@ exports[`StyledChildWrapper renders correct style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -70,7 +69,6 @@ exports[`StyledWrapper renders correct style 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -51,7 +51,6 @@ exports[`Collapse renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -123,7 +122,6 @@ exports[`Collapse should render Sample Text but not visible 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap

@@ -22,7 +22,6 @@ exports[`Wrapper has correct style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -146,7 +146,6 @@ exports[`rendering renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -313,7 +312,6 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -480,7 +478,6 @@ exports[`rendering renders correctly with large 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap

@@ -260,7 +260,6 @@ exports[`DatePicker renders DatePickerAndroid when OS is android 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -538,16 +537,9 @@ exports[`DatePicker renders DatePickerIOS when OS is iOS 1`] = `
         </View>
       </View>
     </View>
-    <Modal
-      hardwareAccelerated={false}
-      onRequestClose={[Function]}
-      transparent={true}
-      visible={false}
-    />
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -825,16 +817,9 @@ exports[`DatePicker renders variant Calendar 1`] = `
         </View>
       </View>
     </View>
-    <Modal
-      hardwareAccelerated={false}
-      onRequestClose={[Function]}
-      transparent={true}
-      visible={false}
-    />
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -269,7 +269,6 @@ exports[`DatePickerAndroid renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap

@@ -260,7 +260,6 @@ exports[`DatePickerCalendar renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {