@jobber/components-native 0.116.2-large-chec-aaeb9fd.2 → 0.116.3

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.116.2-large-chec-aaeb9fd.2+aaeb9fde",
+    "version": "0.116.3",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -65,7 +65,7 @@
         "lodash": "^4.18.1",
         "react-hook-form": "^7.52.0",
         "react-intl": "^7.1.11",
-        "react-native-keyboard-controller": "^1.20.7",
+        "react-native-keyboard-controller": "^1.22.5",
         "react-native-toast-message": "^2.1.6",
         "react-native-uuid": "^2.0.4",
         "ts-xor": "^1.1.0"
@@ -94,7 +94,7 @@
         "react-dom": "19.1.1",
         "react-native": "^0.82.1",
         "react-native-gesture-handler": "^2.29.1",
-        "react-native-keyboard-controller": "^1.12.0",
+        "react-native-keyboard-controller": "^1.22.5",
         "react-native-modal-datetime-picker": "^18.0.0",
         "react-native-reanimated": "4.2.3",
         "react-native-safe-area-context": "^5.4.0",
@@ -118,12 +118,12 @@
         "react-intl": "^6 || ^7",
         "react-native": ">=0.79.5",
         "react-native-gesture-handler": ">=2.22.0",
-        "react-native-keyboard-controller": "^1.20.7",
+        "react-native-keyboard-controller": "^1.22.5",
         "react-native-modal-datetime-picker": " >=13.0.0",
         "react-native-reanimated": "^4.0.0",
         "react-native-safe-area-context": "^5.4.0",
         "react-native-screens": ">=4.18.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "aaeb9fdef9e69599b84e28de7ed82ed5ac7f26f7"
+    "gitHead": "0655334acf3dab6b70b4ef6bebbd7030d63ec5a4"
 }

package/dist/src/Checkbox/Checkbox.test.js

@@ -71,7 +71,11 @@ describe("Checkbox with FormProvider", () => {
         const formMethods = useForm();
         return (React.createElement(FormProvider, Object.assign({}, formMethods),
             React.createElement(Checkbox, { name: checkboxName, label: checkboxLabel, defaultChecked: defaultChecked, accessibilityLabel: accessibilityLabel }),
-            React.createElement(Button, { onPress: formMethods.handleSubmit(values => mockOnSubmit(values)), title: saveButtonText, accessibilityLabel: saveButtonText })));
+            React.createElement(Button, { onPress: () => {
+                    void formMethods.handleSubmit(values => {
+                        mockOnSubmit(values);
+                    })();
+                }, title: saveButtonText, accessibilityLabel: saveButtonText })));
     }
     beforeEach(() => {
         mockOnSubmit.mockClear();

package/dist/src/ContentOverlay/hooks/useViewLayoutHeight.test.js

@@ -27,30 +27,6 @@ describe("useViewLayoutHeight", () => {
                     y: 0,
                 },
             },
-            currentTarget: 0,
-            target: 0,
-            bubbles: false,
-            cancelable: false,
-            defaultPrevented: false,
-            eventPhase: 0,
-            isTrusted: false,
-            preventDefault: function () {
-                throw new Error("Function not implemented.");
-            },
-            isDefaultPrevented: function () {
-                throw new Error("Function not implemented.");
-            },
-            stopPropagation: function () {
-                throw new Error("Function not implemented.");
-            },
-            isPropagationStopped: function () {
-                throw new Error("Function not implemented.");
-            },
-            persist: function () {
-                throw new Error("Function not implemented.");
-            },
-            timeStamp: 0,
-            type: "",
         };
         const { result } = renderHook(() => useViewLayoutHeight());
         yield act(() => __awaiter(void 0, void 0, void 0, function* () {

package/dist/src/Form/Form.js

@@ -51,7 +51,7 @@ export function Form(_a) {
 }
 // eslint-disable-next-line max-statements
 function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSubmitSuccess, bannerErrors, bannerMessages, initialValues, mode = "onTouched", reValidateMode = "onChange", formRef, saveButtonLabel, renderStickySection, localCacheKey, localCacheExclude, localCacheId, secondaryActions, saveButtonOffset, showStickySaveButton = false, disableKeyboardAwareScroll = false, renderFooter, UNSAFE_allowDiscardLocalCacheWhenOffline, }) {
-    var _a;
+    var _a, _b;
     const { scrollViewRef, bottomViewRef, scrollToTop } = useFormViewRefs();
     const [saveButtonHeight, setSaveButtonHeight] = useState(0);
     const [messageBannerHeight, setMessageBannerHeight] = useState(0);
@@ -86,9 +86,9 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
     const calculatedKeyboardHeight = keyboardHeight - extraViewHeight;
     useScrollToError({
         formState: formMethods.formState,
-        refNode: findNodeHandle(scrollViewRef.current),
+        refNode: (_a = findNodeHandle(scrollViewRef.current)) !== null && _a !== void 0 ? _a : null,
         setFocus: formMethods.setFocus,
-        scrollTo: (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo,
+        scrollTo: (_b = scrollViewRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo,
     });
     const handleOfflineSubmit = useOfflineHandler();
     const handleKeyboardShow = useCallback((event) => {

package/dist/src/FormField/FormField.test.js

@@ -21,7 +21,11 @@ describe("when a component is wrapped in a FormField within a Form", () => {
         const formMethods = useForm();
         return (React.createElement(FormProvider, Object.assign({}, formMethods),
             children,
-            React.createElement(Button, { onPress: formMethods.handleSubmit(values => mockOnSubmit(values)), title: saveButtonText, accessibilityLabel: saveButtonText })));
+            React.createElement(Button, { onPress: () => {
+                    void formMethods.handleSubmit(values => {
+                        mockOnSubmit(values);
+                    })();
+                }, title: saveButtonText, accessibilityLabel: saveButtonText })));
     }
     describe("when the component's value is changed", () => {
         it("updates the form value for that component", () => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -1,4 +1,3 @@
-import { StyleSheet } from "react-native";
 import { getCommonInputStyles } from "./CommonInputStyles.style";
 import { buildThemedStyles } from "../AtlantisThemeContext";
 import { getTypographyStyles } from "../Typography";
@@ -6,12 +5,7 @@ export const useStyles = buildThemedStyles(tokens => {
     const commonInputStyles = getCommonInputStyles(tokens);
     const typographyStyles = getTypographyStyles(tokens);
     return {
-        container: StyleSheet.flatten([
-            commonInputStyles.container,
-            {
-                flexDirection: "column",
-            },
-        ]),
+        container: Object.assign(Object.assign({}, commonInputStyles.container), { flexDirection: "column" }),
         field: {
             flexDirection: "row",
             alignItems: "center",

package/dist/src/InputText/InputText.js

@@ -150,11 +150,7 @@ function InputTextInternal({ invalid, disabled, readonly = false, name, placehol
         const keyboardState = animatedKeyboardState.get();
         const currentlyFocusedInput = TextInput.State.currentlyFocusedInput();
         const currentFocusedInput = currentlyFocusedInput !== null
-            ? findNodeHandle(
-            // @ts-expect-error - TextInput.State.currentlyFocusedInput() returns NativeMethods
-            // which is not directly assignable to findNodeHandle's expected type,
-            // but it works at runtime. This is a known type limitation in React Native.
-            currentlyFocusedInput)
+            ? findNodeHandle(currentlyFocusedInput)
             : null;
         // Only remove the target if it belongs to the current component
         // and if the currently focused input is not in the targets set

package/dist/src/InputText/InputText.test.js

@@ -421,7 +421,11 @@ describe("InputText", () => {
             const formMethods = useForm();
             return (React.createElement(FormProvider, Object.assign({}, formMethods),
                 React.createElement(InputText, { name: inputName, defaultValue: defaultValue, accessibilityLabel: inputAccessibilityLabel }),
-                React.createElement(Button, { onPress: formMethods.handleSubmit(values => mockOnSubmit(values)), title: saveButtonText, accessibilityLabel: saveButtonText })));
+                React.createElement(Button, { onPress: () => {
+                        void formMethods.handleSubmit(values => {
+                            mockOnSubmit(values);
+                        })();
+                    }, title: saveButtonText, accessibilityLabel: saveButtonText })));
         }
         beforeEach(() => {
             mockOnSubmit.mockClear();

package/dist/src/Select/Select.style.js

@@ -1,31 +1,10 @@
-import { StyleSheet } from "react-native";
 import { getCommonInputStyles } from "../InputFieldWrapper";
 import { buildThemedStyles } from "../AtlantisThemeContext";
 export const useStyles = buildThemedStyles(tokens => {
     const commonInputStyles = getCommonInputStyles(tokens);
     return {
-        container: StyleSheet.flatten([
-            commonInputStyles.container,
-            {
-                flexDirection: "column",
-                justifyContent: "center",
-                minHeight: tokens["space-largest"] + tokens["space-small"],
-                marginVertical: 0,
-                borderWidth: 0,
-                backgroundColor: "transparent",
-            },
-        ]),
-        input: StyleSheet.flatten([
-            commonInputStyles.input,
-            {
-                flexDirection: "row",
-                flexGrow: 0,
-                paddingTop: tokens["space-smaller"],
-                minHeight: 0,
-                minWidth: "100%",
-                paddingRight: tokens["space-small"],
-            },
-        ]),
+        container: Object.assign(Object.assign({}, commonInputStyles.container), { flexDirection: "column", justifyContent: "center", minHeight: tokens["space-largest"] + tokens["space-small"], marginVertical: 0, borderWidth: 0, backgroundColor: "transparent" }),
+        input: Object.assign(Object.assign({}, commonInputStyles.input), { flexDirection: "row", flexGrow: 0, paddingTop: tokens["space-smaller"], minHeight: 0, minWidth: "100%", paddingRight: tokens["space-small"] }),
         value: {
             flexGrow: 1,
             flexShrink: 1,

package/dist/src/Typography/Typography.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { I18nManager, StyleSheet, Text } from "react-native";
+import { I18nManager, Text } from "react-native";
 import { TypographyGestureDetector } from "./TypographyGestureDetector";
 import { useTypographyStyles } from "./Typography.style";
 import { capitalize } from "../utils/intl";
@@ -114,7 +114,7 @@ function getSizeAndHeightStyle(textSize, styles, lineHeightOverwrite) {
     const fontSize = styles[`${textSize}Size`];
     if (lineHeightOverwrite) {
         const lineHeight = styles[`${lineHeightOverwrite}LineHeight`];
-        return StyleSheet.flatten([fontSize, lineHeight]);
+        return Object.assign(Object.assign({}, fontSize), lineHeight);
     }
     return fontSize;
 }

package/dist/src/primitives/Select/SelectPrimitive.js

@@ -95,12 +95,8 @@ function SelectPrimitiveContent(_a) {
     // provider): `Content` renders at the portal host, which may sit outside one.
     const safeAreaInsets = (_b = React.useContext(SafeAreaInsetsContext)) !== null && _b !== void 0 ? _b : undefined;
     const { triggerPosition } = Primitive.useRootContext();
-    return (React.createElement(Primitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, insets: insets !== null && insets !== void 0 ? insets : safeAreaInsets, style: StyleSheet.flatten([
-            styles.content,
-            isDarkTheme && styles.contentDarkElevated,
-            triggerPosition ? { width: triggerPosition.width } : undefined,
-            style,
-        ]) }, props), children));
+    const contentStyle = Object.assign(Object.assign(Object.assign(Object.assign({}, styles.content), (isDarkTheme ? styles.contentDarkElevated : {})), (triggerPosition ? { width: triggerPosition.width } : {})), style);
+    return (React.createElement(Primitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, insets: insets !== null && insets !== void 0 ? insets : safeAreaInsets, style: contentStyle }, props), children));
 }
 /** Scroll container for the items (a no-op passthrough on native). */
 function SelectPrimitiveViewport(_a) {

package/dist/src/utils/types.js

@@ -0,0 +1 @@
+export {};