@jobber/components-native 0.74.1-JOB-97734-ac441a7.1 → 0.74.1-JOB-109273-b521752.18

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.74.1-JOB-97734-ac441a7.1+ac441a7b",
+    "version": "0.74.1-JOB-109273-b521752.18+b5217527",
     "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": "ac441a7b169aceadaad1e902affbcd547634b9d7"
+    "gitHead": "b5217527b96acd18fb6cd93d099a8d6d218112bb"
 }

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/DividerHorizontal.style.js

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

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

@@ -4,7 +4,7 @@ export const verticalStyles = StyleSheet.create({
     base: {
         margin: 0,
         height: "100%",
-        width: tokens["space-minuscule"],
+        width: 1,
         borderRightWidth: tokens["border-base"],
         borderRightColor: tokens["color-border"],
     },
@@ -17,7 +17,10 @@ export const verticalStyles = StyleSheet.create({
         opacity: 0.625,
     },
     largest: {
-        borderRightWidth: tokens["space-small"],
+        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));
     });
 }