@jobber/components-native 0.88.0 → 0.88.1-JOB-139048-04134dd.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.88.0",
+    "version": "0.88.1-JOB-139048-04134dd.0+04134dd81",
     "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": "a7bcbd7560c4e86f8db10dfd71b2e3ce5a4f8717"
+    "gitHead": "04134dd81a80801cb9749c94d92f80b0e1d7c7dc"
 }

package/dist/src/ContentOverlay/ContentOverlay.js

@@ -1,11 +1,11 @@
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from "react";
-import { Modalize } from "react-native-modalize";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AccessibilityInfo, Platform, View, findNodeHandle, useWindowDimensions, } from "react-native";
 import { Portal } from "react-native-portalize";
 import { useKeyboardVisibility } from "./hooks/useKeyboardVisibility";
 import { useStyles } from "./ContentOverlay.style";
 import { useViewLayoutHeight } from "./hooks/useViewLayoutHeight";
+import { UNSAFE_WrappedModalize } from "./UNSAFE_WrappedModalize";
 import { useIsScreenReaderEnabled } from "../hooks";
 import { IconButton } from "../IconButton";
 import { Heading } from "../Heading";
@@ -86,7 +86,7 @@ function ContentOverlayInternal({ children, title, accessibilityLabel, fullScree
         }
     };
     return (React.createElement(React.Fragment, null,
-        headerHeightKnown && childrenHeightKnown && (React.createElement(Modalize, { ref: callbackInternalRef, overlayStyle: styles.overlay, handleStyle: styles.handle, handlePosition: "inside", modalStyle: modalStyle, modalTopOffset: tokens["space-larger"], snapPoint: snapPoint, closeSnapPointStraightEnabled: false, withHandle: isDraggable, panGestureEnabled: isDraggable, adjustToContentHeight: adjustToContentHeight, disableScrollIfPossible: !adjustToContentHeight, onClose: onClose, onOpen: onOpen, keyboardAvoidingBehavior: keyboardAvoidingBehavior, avoidKeyboardLikeIOS: avoidKeyboardLikeIOS, childrenStyle: styles.childrenStyle, onBackButtonPress: onCloseController, closeOnOverlayTap: isCloseableOnOverlayTap, onOpened: () => {
+        headerHeightKnown && childrenHeightKnown && (React.createElement(UNSAFE_WrappedModalize, { ref: callbackInternalRef, overlayStyle: styles.overlay, handleStyle: styles.handle, handlePosition: "inside", modalStyle: modalStyle, modalTopOffset: tokens["space-larger"], snapPoint: snapPoint, closeSnapPointStraightEnabled: false, withHandle: isDraggable, panGestureEnabled: isDraggable, adjustToContentHeight: adjustToContentHeight, disableScrollIfPossible: !adjustToContentHeight, onClose: onClose, onOpen: onOpen, keyboardAvoidingBehavior: keyboardAvoidingBehavior, avoidKeyboardLikeIOS: avoidKeyboardLikeIOS, childrenStyle: styles.childrenStyle, onBackButtonPress: onCloseController, closeOnOverlayTap: isCloseableOnOverlayTap, onOpened: () => {
                 if (overlayHeader.current) {
                     const reactTag = findNodeHandle(overlayHeader.current);
                     if (reactTag) {

package/dist/src/ContentOverlay/UNSAFE_WrappedModalize.js

@@ -0,0 +1,27 @@
+import React, { forwardRef, useImperativeHandle, useRef, useState, } from "react";
+import { Modalize } from "react-native-modalize";
+// DON'T USE THIS COMPONENT DIRECTLY.
+// It is exposed only so that the deprecated ContentOverlay component can use this along with the
+// newer one contained in this lib.
+// This is a temporary solution for new architecture. JOB-137549 plans to replace modalize entirely.
+export const UNSAFE_WrappedModalize = forwardRef((props, ref) => {
+    const innerRef = useRef(null);
+    const [openRenderId, setOpenRenderId] = useState(0);
+    useImperativeHandle(ref, () => ({
+        open(dest) {
+            setOpenRenderId(id => id + 1);
+            // Open on a fresh tick for additional safety
+            requestAnimationFrame(() => {
+                var _a;
+                (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.open(dest);
+            });
+        },
+        close(dest) {
+            var _a;
+            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.close(dest);
+        },
+    }), []);
+    // Use a unique key to force a remount, ensuring we get fresh gesture handler nodes within modalize
+    return (React.createElement(Modalize, Object.assign({ key: `modalize-${openRenderId}`, ref: innerRef }, props)));
+});
+UNSAFE_WrappedModalize.displayName = "UNSAFE_WrappedModalize";

package/dist/src/ContentOverlay/index.js

@@ -1 +1,2 @@
 export { ContentOverlay } from "./ContentOverlay";
+export { UNSAFE_WrappedModalize } from "./UNSAFE_WrappedModalize";

package/dist/src/utils/meta/meta.json

@@ -64,6 +64,7 @@
         "ThumbnailList",
         "Toast",
         "Typography",
-        "TypographyGestureDetector"
+        "TypographyGestureDetector",
+        "UNSAFE_WrappedModalize"
     ]
 }