@jobber/components-native 0.89.0 → 0.89.1-JOB-139857-e7771b4.7

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-e7771b4.7+e7771b4e1",
   "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": "e7771b4e1b4363a1f41119579a03282032c2f1fe"
 }

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/ButtonGroup/ButtonGroup.test.tsx

@@ -172,7 +172,7 @@ it("opens the secondary action menu when the More button is pressed", () => {
   const createAction = jest.fn();
   const editAction = jest.fn();
   const deleteAction = jest.fn();
-  const { getByText, queryByText, getByLabelText } = render(
+  const { findByText, queryByText, getByLabelText } = render(
     <ButtonGroupForTest>
       <ButtonGroup.PrimaryAction
         label="Create"
@@ -196,14 +196,14 @@ it("opens the secondary action menu when the More button is pressed", () => {
 
   fireEvent.press(getByLabelText("More"));
 
-  expect(getByText("Edit")).not.toBeNull();
-  expect(getByText("Delete")).not.toBeNull();
+  expect(findByText("Edit")).not.toBeNull();
+  expect(findByText("Delete")).not.toBeNull();
 });
 
 it("renders heading and cancel options if passed in", () => {
   const createAction = jest.fn();
   const editAction = jest.fn();
-  const { getByText, getByLabelText } = render(
+  const { findByText, getByLabelText } = render(
     <ButtonGroupForTest
       bottomSheetHeading={"Heading"}
       showCancelInBottomSheet={true}
@@ -223,8 +223,8 @@ it("renders heading and cancel options if passed in", () => {
 
   fireEvent.press(getByLabelText("More"));
 
-  expect(getByText("Heading")).not.toBeNull();
-  expect(getByText("Cancel")).not.toBeNull();
+  expect(findByText("Heading")).not.toBeNull();
+  expect(findByText("Cancel")).not.toBeNull();
 });
 
 it("renders custom button for primary action if passed in", () => {

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);
@@ -23,9 +23,11 @@ export const UNSAFE_WrappedModalize = forwardRef<IHandles, Props>(
           requestAnimationFrame(() => {
             innerRef.current?.open(dest);
           });
+          props.onOpen?.();
         },
         close(dest) {
           innerRef.current?.close(dest);
+          props.onClose?.();
         },
       }),
       [],