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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.87.1",
+    "version": "0.88.1-JOB-139048-04134dd.0+04134dd81",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -44,7 +44,7 @@
         "deepmerge": "^4.2.2",
         "lodash": "^4.17.21",
         "react-hook-form": "^7.52.0",
-        "react-intl": "^6.4.2",
+        "react-intl": "^7.1.11",
         "react-native-keyboard-aware-scroll-view": "^0.9.5",
         "react-native-modalize": "^2.0.13",
         "react-native-portalize": "^1.0.7",
@@ -53,28 +53,27 @@
         "ts-xor": "^1.1.0"
     },
     "devDependencies": {
-        "@react-native-community/datetimepicker": "^7.1.0",
+        "@react-native-community/datetimepicker": "^8.4.5",
+        "@react-native/babel-preset": "^0.81.1",
         "@storybook/addon-a11y": "^9.1.2",
         "@storybook/react": "^9.1.2",
         "@storybook/react-native-web-vite": "^9.1.2",
-        "@testing-library/jest-native": "^5.4.2",
-        "@testing-library/react-native": "^12.0.1",
+        "@testing-library/react-native": "^13.3.3",
         "@types/lodash.chunk": "^4.2.7",
         "@types/lodash.debounce": "^4.0.7",
         "@types/lodash.identity": "^3.0.7",
-        "@types/react": "^18.0.28",
         "@types/react-native-uuid": "^1.4.0",
+        "@types/react-test-renderer": "19.1.0",
         "date-fns": "^2.30.0",
         "date-fns-tz": "^2.0.0",
-        "metro-react-native-babel-preset": "^0.76.0",
-        "react-native": "^0.77.0",
-        "react-native-gesture-handler": "^2.10.2",
-        "react-native-modal-datetime-picker": "^15.0.1",
+        "react-native": "^0.81.4",
+        "react-native-gesture-handler": "^2.28.0",
+        "react-native-modal-datetime-picker": "^18.0.0",
         "react-native-reanimated": "^3.7.1",
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": "^15.1.0",
         "react-native-web": "^0.20.0",
-        "react-test-renderer": "^18.2.0",
+        "react-test-renderer": "19.1.0",
         "storybook": "^9.1.2"
     },
     "peerDependencies": {
@@ -83,10 +82,10 @@
         "@react-native-community/datetimepicker": ">=6.7.0",
         "date-fns": "^2.30.0",
         "date-fns-tz": "^2.0.0",
-        "react": "^18.2.0",
-        "react-intl": "^6.4.2",
-        "react-native": ">=0.76.0",
-        "react-native-gesture-handler": ">=2.10.0",
+        "react": "^18 || ^19.1.0",
+        "react-intl": "^6 || ^7",
+        "react-native": ">=0.79.5",
+        "react-native-gesture-handler": ">=2.22.0",
         "react-native-keyboard-aware-scroll-view": "^0.9.5",
         "react-native-modal-datetime-picker": " >=13.0.0",
         "react-native-modalize": "^2.0.13",
@@ -95,5 +94,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "a26eb1f7a5e8759d3ffbecbf81f846895c47aad4"
+    "gitHead": "04134dd81a80801cb9749c94d92f80b0e1d7c7dc"
 }

package/dist/src/Button/components/InternalButtonLoading/InternalButtonLoading.js

@@ -8,7 +8,6 @@ const offset = PixelRatio.roundToNearestPixel(imageWidth / PixelRatio.get());
 const leftOffset = -1 * offset;
 // looks like deprecation for FlatList in reanimated is cascading down to other exports
 // This is not createAnimatedComponent(FlatList), we are fine
-// eslint-disable-next-line import/no-deprecated
 const AnimatedImage = Animated.createAnimatedComponent(ImageBackground);
 function InternalButtonLoadingInternal({ variation, type, }) {
     const translateX = useSharedValue(0);

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"
     ]
 }