@jobber/components-native 0.74.1-node22-3bf0edd.11 → 0.75.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.74.1-node22-3bf0edd.11+3bf0eddd",
+    "version": "0.75.1",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -79,5 +79,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "3bf0eddd96dc11bb9646a691deaa3992b689e982"
+    "gitHead": "621a745c5403d89930eca6ab091bc64ad8c8f5e4"
 }

package/dist/src/Disclosure/Disclosure.js

@@ -9,8 +9,8 @@ const ReanimatedView = Reanimated.View;
 const ReanimatedScrollView = Reanimated.ScrollView;
 export function Disclosure({ content, header, open, onToggle, isEmpty, animationDuration = tokens["timing-slowest"], }) {
     return (React.createElement(View, { style: styles.container },
-        React.createElement(DisclosureHeader, Object.assign({}, { header, onToggle, isEmpty, open, animationDuration })),
-        React.createElement(DisclosureContent, Object.assign({}, { content, open, animationDuration }))));
+        React.createElement(DisclosureHeader, { header, onToggle, isEmpty, open, animationDuration }),
+        React.createElement(DisclosureContent, { content, open, animationDuration })));
 }
 function DisclosureHeader({ header, onToggle, isEmpty, open, animationDuration, }) {
     const rotateZ = useSharedValue(0);

package/dist/src/Divider/Divider.js

@@ -1,11 +1,14 @@
 import React from "react";
 import { View } from "react-native";
-import { styles } from "./Divider.style";
-export function Divider({ size = "base" }) {
+import { horizontalStyles } from "./DividerHorizontal.style";
+import { verticalStyles } from "./DividerVertical.style";
+export function Divider({ size = "base", direction = "horizontal", testID = "Divider", }) {
+    const directionalStyles = direction === "horizontal" ? horizontalStyles : verticalStyles;
     const style = [
-        styles.base,
-        size === "large" && styles.large,
-        size === "largest" && styles.largest,
+        directionalStyles.base,
+        size === "large" && directionalStyles.large,
+        size === "larger" && directionalStyles.larger,
+        size === "largest" && directionalStyles.largest,
     ];
-    return React.createElement(View, { testID: "Divider", style: style });
+    return React.createElement(View, { testID: testID, style: style });
 }

package/dist/src/Divider/{Divider.style.js → DividerHorizontal.style.js}

@@ -1,18 +1,23 @@
 import { StyleSheet } from "react-native";
 import { tokens } from "../utils/design";
-export const styles = StyleSheet.create({
+export const horizontalStyles = StyleSheet.create({
     base: {
-        height: tokens["space-minuscule"],
+        height: 1,
         margin: 0,
-        borderBottomWidth: tokens["border-base"],
+        width: "auto",
         borderBottomColor: tokens["color-border"],
+        borderBottomWidth: tokens["border-base"],
     },
     large: {
         borderBottomWidth: tokens["border-thick"],
         opacity: 0.875,
     },
+    larger: {
+        borderBottomWidth: tokens["border-thicker"],
+        opacity: 0.625,
+    },
     largest: {
-        borderBottomWidth: tokens["space-small"],
+        borderBottomWidth: tokens["border-thickest"],
         opacity: 0.375,
     },
 });

package/dist/src/Divider/DividerVertical.style.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from "react-native";
+import { tokens } from "../utils/design";
+export const verticalStyles = StyleSheet.create({
+    base: {
+        margin: 0,
+        height: "100%",
+        width: 1,
+        borderRightWidth: tokens["border-base"],
+        borderRightColor: tokens["color-border"],
+    },
+    large: {
+        borderRightWidth: tokens["border-thick"],
+        opacity: 0.875,
+    },
+    larger: {
+        borderRightWidth: tokens["border-thicker"],
+        opacity: 0.625,
+    },
+    largest: {
+        borderRightWidth: tokens["border-thickest"],
+        opacity: 0.375,
+    },
+    vertical: {
+        borderRightColor: tokens["color-border"],
+    },
+});

package/dist/src/Form/components/FormCache/FormCache.js

@@ -25,8 +25,6 @@ export function FormCache({ localCacheExclude, localCacheKey, setLocalCache, })
             setLocalCache(omit(formData, localCacheExclude));
         }
         else {
-            // @ts-expect-error Typescript thinks that the FieldValues defined in useWatch is different
-            // from the one in useFormContext
             setLocalCache(formData);
         }
     }, [formData, isDirty, localCacheExclude, setLocalCache, shouldExclude]);

package/dist/src/FormatFile/components/_mocks/mockFiles.js

@@ -59,7 +59,7 @@ export const FILE_MOCK_VIDEO = {
     fileName: "some_file.mp4",
     fileSize: 1,
     contentType: "video",
-    url: undefined,
+    url: undefined, //undefined to prevent thumbnail errors
     thumbnailUrl: "path/to/fileThumbnail.mp4",
 };
 export const FILE_MOCK_FILE = {

package/dist/src/Heading/Heading.js

@@ -10,11 +10,11 @@ export const HEADING_MAX_SCALED_FONT_SIZE = {
 export function Heading({ children, level, variation = "heading", reverseTheme = false, align, maxLines = "unlimited", allowFontScaling = true, selectable, }) {
     const headingStyle = getHeadingStyle(level, variation);
     const accessibilityRole = "header";
-    return (React.createElement(Typography, Object.assign({}, Object.assign(Object.assign({}, headingStyle), { accessibilityRole,
+    return (React.createElement(Typography, Object.assign({}, headingStyle, { accessibilityRole,
         reverseTheme,
         align,
         maxLines,
-        allowFontScaling }), { maxFontScaleSize: HEADING_MAX_SCALED_FONT_SIZE[level], selectable: selectable }), children));
+        allowFontScaling, maxFontScaleSize: HEADING_MAX_SCALED_FONT_SIZE[level], selectable: selectable }), children));
 }
 function getHeadingStyle(level = "heading", variation) {
     const headingLevelToStyle = {

package/dist/src/Text/Text.js

@@ -18,7 +18,7 @@ export const TEXT_MAX_SCALED_FONT_SIZES = {
 };
 export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, italic = false, hideFromScreenReader = false, maxFontScaleSize, underline, selectable, }) {
     const accessibilityRole = "text";
-    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable, underline: underline }, Object.assign(Object.assign({}, levelStyles[level]), { allowFontScaling,
+    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable, underline: underline }, levelStyles[level], { allowFontScaling,
         align,
         adjustsFontSizeToFit,
         accessibilityRole,
@@ -26,7 +26,7 @@ export function Text({ level = "text", variation = "base", emphasis, allowFontSc
         maxLines,
         strikeThrough,
         italic,
-        hideFromScreenReader })), children));
+        hideFromScreenReader }), children));
 }
 function getFontWeight({ level, emphasis, }) {
     if (emphasis === "strong")

package/dist/src/Typography/Typography.js

@@ -43,12 +43,10 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
         }
         : { accessibilityRole };
     return (React.createElement(TypographyGestureDetector, null,
-        React.createElement(Text, Object.assign({}, {
-            allowFontScaling,
+        React.createElement(Text, Object.assign({ allowFontScaling,
             adjustsFontSizeToFit,
             style,
-            numberOfLines: numberOfLinesForNativeText,
-        }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"] }), text)));
+            numberOfLines: numberOfLinesForNativeText }, accessibilityProps, { maxFontSizeMultiplier: getScaleMultiplier(maxFontScaleSize, sizeAndHeight.fontSize), selectable: selectable, selectionColor: tokens["color-brand--highlight"] }), text)));
 }
 function getScaleMultiplier(maxFontScaleSize = 0, size = 1) {
     if (maxFontScaleSize === 0)

package/dist/src/utils/test/wait.js

@@ -17,8 +17,8 @@ import { act } from "react-test-renderer";
  * to get the mock result of the query
  * @param milliseconds time to wait in milliseconds
  */
-export function wait(milliseconds = 0) {
-    return __awaiter(this, void 0, void 0, function* () {
+export function wait() {
+    return __awaiter(this, arguments, void 0, function* (milliseconds = 0) {
         yield new Promise((resolve) => setTimeout(resolve, milliseconds));
     });
 }