@jobber/components-native 0.85.1-move-dupli-99be0f8.13 → 0.86.1-JOB-136074-c379982.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.85.1-move-dupli-99be0f8.13+99be0f87a",
+    "version": "0.86.1-JOB-136074-c379982.0+c379982e9",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -53,6 +53,7 @@
         "ts-xor": "^1.1.0"
     },
     "devDependencies": {
+        "@react-native-community/datetimepicker": "^7.1.0",
         "@storybook/addon-a11y": "^9.1.2",
         "@storybook/react": "^9.1.2",
         "@storybook/react-native-web-vite": "^9.1.2",
@@ -66,6 +67,13 @@
         "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-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",
         "storybook": "^9.1.2"
     },
@@ -78,6 +86,7 @@
         "react": "^18.2.0",
         "react-intl": "^6.4.2",
         "react-native": ">=0.76.0",
+        "react-native-build-config": "^0.3.2",
         "react-native-gesture-handler": ">=2.10.0",
         "react-native-keyboard-aware-scroll-view": "^0.9.5",
         "react-native-modal-datetime-picker": " >=13.0.0",
@@ -87,5 +96,10 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "99be0f87adc5047e339f84deab23a6cdaeb8ba22"
+    "peerDependenciesMeta": {
+        "react-native-build-config": {
+            "optional": true
+        }
+    },
+    "gitHead": "c379982e9d83ceef1ec4ffa08f53ce98ed914d8c"
 }

package/dist/src/Banner/Banner.js

@@ -48,5 +48,7 @@ function getBannerIcon(type) {
             return "help";
         case "error":
             return "alert";
+        case "success":
+            return "checkmark";
     }
 }

package/dist/src/Banner/components/BannerIcon/BannerIcon.style.js

@@ -14,5 +14,8 @@ export const useStyles = buildThemedStyles(tokens => {
         notice: {
             backgroundColor: tokens["color-informative"],
         },
+        success: {
+            backgroundColor: tokens["color-success"],
+        },
     };
 });

package/dist/src/Form/Form.js

@@ -38,6 +38,7 @@ import { useScrollToError } from "./hooks/useScrollToError";
 import { FormSaveButton } from "./components/FormSaveButton";
 import { useSaveButtonPosition } from "./hooks/useSaveButtonPosition";
 import { FormCache } from "./components/FormCache/FormCache";
+import { isEdgeToEdgeEnabled } from "../utils/buildConfig/isEdgeToEdgeEnabled";
 import { InputAccessoriesProvider } from "../InputText";
 import { tokens } from "../utils/design";
 import { ErrorMessageProvider } from "../ErrorMessageWrapper";
@@ -102,12 +103,14 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
         setMessageBannerHeight(event.nativeEvent.layout.height);
     };
     const styles = useStyles();
+    // Check if edge-to-edge is enabled using utility function
+    const edgeToEdgeEnabled = isEdgeToEdgeEnabled();
     return (React.createElement(FormProvider, Object.assign({}, formMethods),
         React.createElement(React.Fragment, null,
             (isSubmitting || isSecondaryActionLoading) && React.createElement(FormMask, null),
             React.createElement(FormCache, { localCacheKey: localCacheKey, localCacheExclude: localCacheExclude, setLocalCache: setLocalCache }),
             React.createElement(FormBody, { keyboardHeight: calculateSaveButtonOffset(), submit: handleSubmit(internalSubmit), isFormSubmitting: isSubmitting, saveButtonLabel: saveButtonLabel, shouldRenderActionBar: saveButtonPosition === "sticky", renderStickySection: renderStickySection, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, setSaveButtonHeight: setSaveButtonHeight, saveButtonOffset: saveButtonOffset },
-                React.createElement(KeyboardAwareScrollView, Object.assign({ enableResetScrollToCoords: false, enableAutomaticScroll: true, keyboardOpeningTime: Platform.OS === "ios" ? tokens["timing-slowest"] : 0, keyboardShouldPersistTaps: "handled", ref: scrollViewRef }, keyboardProps, { extraHeight: headerHeight, contentContainerStyle: !keyboardHeight && styles.scrollContentContainer }),
+                React.createElement(KeyboardAwareScrollView, Object.assign({ enableResetScrollToCoords: false, enableAutomaticScroll: true, enableOnAndroid: edgeToEdgeEnabled, keyboardOpeningTime: Platform.OS === "ios" ? tokens["timing-slowest"] : 0, keyboardShouldPersistTaps: "handled", ref: scrollViewRef }, keyboardProps, { extraHeight: headerHeight, extraScrollHeight: edgeToEdgeEnabled ? 20 : 0, contentContainerStyle: !keyboardHeight && styles.scrollContentContainer }),
                     React.createElement(View, { onLayout: ({ nativeEvent }) => {
                             setFormContentHeight(nativeEvent.layout.height);
                         } },

package/dist/src/InputFieldWrapper/InputFieldWrapper.style.js

@@ -36,6 +36,7 @@ export const useStyles = buildThemedStyles(tokens => {
             right: 0,
             bottom: 0,
             left: 0,
+            zIndex: 1,
         },
         miniLabel: {
             top: 0,
@@ -44,7 +45,6 @@ export const useStyles = buildThemedStyles(tokens => {
             marginRight: tokens["space-small"],
             maxHeight: (typographyStyles.defaultSize.lineHeight || 0) +
                 tokens["space-smaller"],
-            zIndex: 1,
         },
         // Prevents the miniLabel from cutting off the ClearAction button
         miniLabelShowClearAction: {

package/dist/src/utils/buildConfig/isEdgeToEdgeEnabled.js

@@ -0,0 +1,18 @@
+import { Platform } from "react-native";
+function loadBuildConfig() {
+    var _a;
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const mod = require("react-native-build-config");
+        return ((_a = mod === null || mod === void 0 ? void 0 : mod.default) !== null && _a !== void 0 ? _a : mod);
+    }
+    catch (_b) {
+        return null; // module not installed or not linked
+    }
+}
+export function isEdgeToEdgeEnabled() {
+    if (Platform.OS !== "android")
+        return false;
+    const cfg = loadBuildConfig();
+    return !!(cfg === null || cfg === void 0 ? void 0 : cfg.IS_EDGE_TO_EDGE_ENABLED);
+}