@hero-design/rn 8.61.1 → 8.61.2

package/src/components/Carousel/StyledCarousel.tsx

@@ -33,14 +33,14 @@ const StyledCarouselImage = styled(Image)(() => ({
 }));
 
 const StyledCustomSizeCarouselImage = styled(Image)<{
-  height?: number | `${number}%`;
-  width?: number | `${number}%`;
-  resizeMode?: ImageResizeMode;
-}>(({ height, resizeMode = 'contain', width }) => ({
+  themeHeight?: number | `${number}%`;
+  themeWidth?: number | `${number}%`;
+  themeResizeMode?: ImageResizeMode;
+}>(({ themeHeight, themeResizeMode = 'contain', themeWidth }) => ({
   alignSelf: 'center',
-  width,
-  height,
-  resizeMode,
+  width: themeWidth,
+  height: themeHeight,
+  resizeMode: themeResizeMode,
 }));
 
 const StyledCarouselContentWrapper = styled(Box)<{

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

@@ -397,8 +397,6 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               }
             >
               <Image
-                height={100}
-                resizeMode="cover"
                 source={
                   {
                     "height": 100,
@@ -427,7 +425,9 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
                     ],
                   ]
                 }
-                width={30}
+                themeHeight={100}
+                themeResizeMode="cover"
+                themeWidth={30}
               />
               <View
                 paddingHorizontal="medium"
@@ -516,7 +516,6 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               }
             >
               <Image
-                height={100}
                 source={
                   {
                     "height": 100,
@@ -544,7 +543,8 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
                     ],
                   ]
                 }
-                width={30}
+                themeHeight={100}
+                themeWidth={30}
               />
               <View
                 paddingHorizontal="medium"
@@ -1392,8 +1392,6 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               }
             >
               <Image
-                height={100}
-                resizeMode="cover"
                 source={
                   {
                     "height": 100,
@@ -1422,7 +1420,9 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
                     ],
                   ]
                 }
-                width={30}
+                themeHeight={100}
+                themeResizeMode="cover"
+                themeWidth={30}
               />
               <View
                 paddingHorizontal="medium"
@@ -1511,7 +1511,6 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               }
             >
               <Image
-                height={100}
                 source={
                   {
                     "height": 100,
@@ -1539,7 +1538,8 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
                     ],
                   ]
                 }
-                width={30}
+                themeHeight={100}
+                themeWidth={30}
               />
               <View
                 paddingHorizontal="medium"

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

@@ -451,17 +451,12 @@ describe('TextInput', () => {
 
   describe('ref', () => {
     it('ref methods work correctly', () => {
-      const mockChildMethod = jest.fn();
-      jest.spyOn(React, 'useRef').mockReturnValue({
-        current: {
-          clear: mockChildMethod,
-        },
-      });
       const ref = React.createRef<
         TextInputHandles & {
           getNativeTextInputRef(): RNTextInput;
         }
       >();
+
       const wrapper = renderWithTheme(
         <TextInput label="Amount (AUD)" value="2000" ref={ref} />
       );

package/tsconfig.json

@@ -1,5 +1,4 @@
 {
-  "extends": "expo/tsconfig.base",
   "compilerOptions": {
     "declaration": true,
     "jsx": "react-native",
@@ -13,8 +12,17 @@
     "target": "esnext",
     "types": ["jest"],
     "paths": {
-      "react": ["./node_modules/@types/react"]
-    }
+      "react": ["./node_modules/@types/react"],
+      "react-native": ["./node_modules/react-native/types"],
+    },
+    "allowJs": true,
+    "esModuleInterop": true,
+    "lib": ["DOM", "ESNext"],
+    "moduleResolution": "node",
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
 }

package/types/components/Carousel/StyledCarousel.d.ts

@@ -26,9 +26,9 @@ declare const StyledCustomSizeCarouselImage: import("@emotion/native").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
-    height?: number | `${number}%` | undefined;
-    width?: number | `${number}%` | undefined;
-    resizeMode?: ImageResizeMode | undefined;
+    themeHeight?: number | `${number}%` | undefined;
+    themeWidth?: number | `${number}%` | undefined;
+    themeResizeMode?: ImageResizeMode | undefined;
 }, {}, {}>;
 declare const StyledCarouselContentWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
     theme?: import("@emotion/react").Theme | undefined;