@jobber/components-native 0.89.0 → 0.89.1-JOB-139857-8c5bc05.6

package/dist/types/src/BottomSheet/BottomSheet.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React from "react";
-import { Modalize } from "react-native-modalize";
+import type { Modalize } from "react-native-modalize";
 export interface BottomSheetProps {
     readonly children: ReactNode;
     /**

package/dist/types/src/ContentOverlay/UNSAFE_WrappedModalize.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { IHandles } from "react-native-modalize/lib/options";
-export declare const UNSAFE_WrappedModalize: React.ForwardRefExoticComponent<Omit<import("react-native-modalize/lib/options").IProps<any> & React.RefAttributes<string | number | boolean | {} | React.ReactPortal | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | undefined>, "ref"> & React.RefAttributes<IHandles>>;
+export declare const UNSAFE_WrappedModalize: React.ForwardRefExoticComponent<Omit<import("react-native-modalize/lib/options").IProps<any> & React.RefAttributes<string | number | boolean | {} | React.ReactPortal | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | undefined>, "ref"> & React.RefAttributes<IHandles | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.89.0",
+  "version": "0.89.1-JOB-139857-8c5bc05.6+8c5bc0598",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -94,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "11776ee31e17536a81a51c143933031f0601a270"
+  "gitHead": "8c5bc059898a016ab5b77d38f44c1b6818bc0416"
 }

package/src/BottomSheet/BottomSheet.tsx

@@ -1,10 +1,11 @@
 import type { ReactNode, Ref, RefObject } from "react";
 import React, { forwardRef, useState } from "react";
-import { Modalize } from "react-native-modalize";
+import type { Modalize } from "react-native-modalize";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { Keyboard, View } from "react-native";
 import { BottomSheetOption } from "./components/BottomSheetOption";
 import { useStyles } from "./BottomSheet.style";
+import { UNSAFE_WrappedModalize } from "../ContentOverlay/UNSAFE_WrappedModalize";
 import { useIsScreenReaderEnabled } from "../hooks";
 import { Divider } from "../Divider";
 import { Heading } from "../Heading";
@@ -61,7 +62,7 @@ function BottomSheetInternal(
   return (
     <>
       {open && <Overlay styles={styles} />}
-      <Modalize
+      <UNSAFE_WrappedModalize
         ref={ref}
         adjustToContentHeight={true}
         modalStyle={styles.modal}
@@ -90,7 +91,7 @@ function BottomSheetInternal(
         >
           {children}
         </View>
-      </Modalize>
+      </UNSAFE_WrappedModalize>
     </>
   );
 

package/src/ContentOverlay/UNSAFE_WrappedModalize.tsx

@@ -9,7 +9,7 @@ import type { IHandles } from "react-native-modalize/lib/options";
 
 type Props = React.ComponentProps<typeof Modalize>;
 
-export const UNSAFE_WrappedModalize = forwardRef<IHandles, Props>(
+export const UNSAFE_WrappedModalize = forwardRef<IHandles | undefined, Props>(
   (props, ref) => {
     const innerRef = useRef<IHandles | null>(null);
     const [openRenderId, setOpenRenderId] = useState(0);