@jobber/components-native 0.94.0 → 0.95.1-CLEANUPfi-c27afbd.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.94.0",
+    "version": "0.95.1-CLEANUPfi-c27afbd.0+c27afbdf1",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -96,5 +96,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "c781bba08e241b32046afba42dff63d213e4a7fd"
+    "gitHead": "c27afbdf1236cd8a23a64ef0be784c7b0f793ddb"
 }

package/dist/src/ProgressBar/ProgressBar.js

@@ -6,17 +6,21 @@ import { ProgressBarStepped } from "./ProgressBarStepped";
 import { sizeStyles } from "./ProgressBar.size.style";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 import { useAtlantisTheme } from "../AtlantisThemeContext";
-export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", size = "base", }) {
+export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", size = "base", UNSAFE_style, }) {
     const { t } = useAtlantisI18n();
     const styles = useStyles();
     const { tokens } = useAtlantisTheme();
-    return (React.createElement(View, { accessible: true, accessibilityRole: "progressbar", accessibilityLabel: getA11yLabel() },
+    return (React.createElement(View, { accessible: true, accessibilityRole: "progressbar", accessibilityLabel: getA11yLabel(), style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container },
         header,
-        variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-interactive--background"], loading: loading, inProgress: inProgress })) : (React.createElement(View, { style: [styles.progressBarContainer, sizeStyles[size]] },
-            React.createElement(ProgressBarInner, { width: 100, animationDuration: 0, color: reverseTheme ? undefined : tokens["color-interactive--background"] }),
+        variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-interactive--background"], loading: loading, inProgress: inProgress, UNSAFE_style: UNSAFE_style })) : (React.createElement(View, { testID: "progressbar-container", style: [
+                styles.progressBarContainer,
+                sizeStyles[size],
+                UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.progressBarContainer,
+            ] },
+            React.createElement(ProgressBarInner, { testID: "progressbar-track", width: 100, animationDuration: 0, color: reverseTheme ? undefined : tokens["color-interactive--background"], style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.track }),
             !loading && (React.createElement(React.Fragment, null,
-                inProgress && inProgress > 0 ? (React.createElement(ProgressBarInner, { width: calculateWidth(total, current + inProgress), color: tokens["color-informative"], animationDuration: 800 })) : (React.createElement(React.Fragment, null)),
-                React.createElement(ProgressBarInner, { width: calculateWidth(total, current), color: tokens["color-interactive"], animationDuration: 600 })))))));
+                inProgress && inProgress > 0 ? (React.createElement(ProgressBarInner, { testID: "progressbar-inprogress", width: calculateWidth(total, current + inProgress), color: tokens["color-informative"], animationDuration: 800, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.inProgressFill })) : (React.createElement(React.Fragment, null)),
+                React.createElement(ProgressBarInner, { testID: "progressbar-fill", width: calculateWidth(total, current), color: tokens["color-interactive"], animationDuration: 600, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.fill })))))));
     function getA11yLabel() {
         const a11yLabelValues = {
             current: String(current),

package/dist/src/ProgressBar/ProgressBarInner.js

@@ -1,21 +1,12 @@
 import React from "react";
 import { View } from "react-native";
-// import Reanimated from "react-native-reanimated";
-// import { useTiming } from "utils/reanimated";
 import { useStyles } from "./ProgressBar.style";
-export function ProgressBarInner({ width, 
-// animationDuration = 0,
-color, }) {
-    // Animation breaking on Android
-    // const [animatedOpacity] = useTiming({
-    //   duration: animationDuration,
-    //   fromValue: 0,
-    //   toValue: 1,
-    // });
+export function ProgressBarInner({ width, color, style, testID, }) {
     const styles = useStyles();
-    return (React.createElement(View, { style: [
+    return (React.createElement(View, { testID: testID, style: [
             styles.progressBarInner,
             Object.assign({ width: `${width}%` }, (color && { backgroundColor: color })),
+            style,
         ] }));
 }
 export function calculateWidth(total, current) {

package/dist/src/ProgressBar/ProgressBarStepped.js

@@ -1,9 +1,13 @@
 import React from "react";
 import { View } from "react-native";
 import { useStyles } from "./ProgressBar.style";
-export function ProgressBarStepped({ total, current, color, loading, inProgress, }) {
+export function ProgressBarStepped({ total, current, color, loading, inProgress, UNSAFE_style, }) {
     const styles = useStyles();
-    return (React.createElement(View, { style: [styles.progressBarContainer, { height: 10 }] }, Array.from({ length: total }).map((_, index) => {
+    return (React.createElement(View, { testID: "progressbar-container", style: [
+            styles.progressBarContainer,
+            { height: 10 },
+            UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.progressBarContainer,
+        ] }, Array.from({ length: total }).map((_, index) => {
         const step = index + 1;
         const isCompleted = step <= current;
         const lastStep = step === total;
@@ -17,6 +21,7 @@ export function ProgressBarStepped({ total, current, color, loading, inProgress,
                     step <= inProgressSteps &&
                     styles.inProgressStep,
                 lastStep && { marginRight: 0 },
+                UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.step,
             ], testID: isCompleted
                 ? "progress-step-completed"
                 : step <= inProgressSteps

package/dist/src/hooks/useFormController.js

@@ -13,7 +13,7 @@ export function useFormController({ name, value, validations, }) {
         name: fieldName,
         control,
         rules: validations,
-        defaultValue: value || undefined,
+        defaultValue: value !== null && value !== void 0 ? value : undefined,
     });
     // The naming convention established by react-hook-form for arrays of fields is, for example, "emails.0.description".
     // Preserve original behavior: only treat three-part names as nested paths.