@jobber/components-native 0.46.10 → 0.47.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.46.10",
+    "version": "0.47.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "5668739977ce8c578ac682452ea31261d423bf10"
+    "gitHead": "a4a664e49538a432df03a593c100ab6055adeca4"
 }

package/dist/src/Button/Button.js

@@ -5,7 +5,7 @@ import { InternalButtonLoading } from "./components/InternalButtonLoading";
 import { ActionLabel } from "../ActionLabel";
 import { Icon } from "../Icon";
 import { tokens } from "../utils/design";
-export function Button({ label, onPress, variation = "work", type = "primary", fullHeight = false, fullWidth = true, disabled = false, loading = false, size = "base", accessibilityLabel, accessibilityHint, icon, }) {
+export function Button({ label, onPress, variation = "work", type = "primary", fullHeight = false, fullWidth = true, disabled = false, loading = false, size = "base", accessibilityLabel, accessibilityHint, icon, testID, }) {
     const buttonStyle = [
         styles.button,
         styles[variation],
@@ -19,7 +19,7 @@ export function Button({ label, onPress, variation = "work", type = "primary", f
     // an InputText that was focused, it required two presses to activate the
     // Pressable.  Using a TouchableHighlight made things register correctly
     // in a single press
-    return (React.createElement(TouchableHighlight, { onPress: onPress, testID: accessibilityLabel || label, accessibilityLabel: accessibilityLabel || label, accessibilityHint: accessibilityHint, accessibilityRole: "button", accessibilityState: { disabled, busy: loading }, disabled: disabled || loading, underlayColor: tokens["color-greyBlue--dark"], activeOpacity: tokens["opacity-pressed"], style: [
+    return (React.createElement(TouchableHighlight, { onPress: onPress, testID: buildTestID(testID, label, accessibilityLabel), accessibilityLabel: accessibilityLabel || label, accessibilityHint: accessibilityHint, accessibilityRole: "button", accessibilityState: { disabled, busy: loading }, disabled: disabled || loading, underlayColor: tokens["color-greyBlue--dark"], activeOpacity: tokens["opacity-pressed"], style: [
             styles.touchable,
             fullWidth && styles.fullWidth,
             fullHeight && styles.fullHeight,
@@ -75,3 +75,9 @@ function getContentStyles(label, icon) {
         !!label && styles.contentWithLabel,
     ];
 }
+function buildTestID(testID, label, accessibilityLabel) {
+    if (testID) {
+        return `ATL-${testID}-Button`;
+    }
+    return accessibilityLabel || label;
+}

package/dist/src/ButtonGroup/ButtonGroup.js

@@ -14,10 +14,10 @@ export function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHead
     return (React.createElement(View, { style: styles.buttonGroup },
         primaryActions.map((action, index) => {
             const { label, onPress, buttonType, buttonVariation, icon, customButton, loading, } = action.props;
-            return (React.createElement(View, { style: styles.button, key: index }, customButton || (React.createElement(Button, { label: label, accessibilityLabel: label, onPress: allowTapWhenOffline ? onPress : handlePress(onPress), type: buttonType, variation: buttonVariation, fullHeight: true, icon: icon, loading: loading }))));
+            return (React.createElement(View, { style: styles.button, key: index }, customButton || (React.createElement(Button, { label: label, accessibilityLabel: label, onPress: allowTapWhenOffline ? onPress : handlePress(onPress), type: buttonType, variation: buttonVariation, fullHeight: true, icon: icon, loading: loading, testID: `ATL-ButtonGroup-Primary-Action-${index}` }))));
         }),
         secondaryActions.length > 0 && (React.createElement(View, { style: styles.moreButton },
-            React.createElement(Button, { icon: "more", accessibilityLabel: t("more"), onPress: handlePress(openBottomSheet), fullHeight: true }))),
+            React.createElement(Button, { icon: "more", accessibilityLabel: t("more"), onPress: handlePress(openBottomSheet), fullHeight: true, testID: "ATL-ButtonGroup-Secondary-Action" }))),
         React.createElement(SecondaryActionSheet, { heading: bottomSheetHeading, showCancel: showCancelInBottomSheet, secondaryActionsRef: secondaryActionsRef, actions: secondaryActions.map(secondaryAction => secondaryAction.props), onOpenBottomSheet: onOpenBottomSheet, onCloseBottomSheet: onCloseBottomSheet })));
     function openBottomSheet() {
         var _a;

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

@@ -15,15 +15,14 @@ export function FormSaveButton({ primaryAction, loading, label, secondaryActions
     const { t } = useAtlantisI18n();
     const formContext = useFormContext();
     const buttonActions = useButtonGroupAction(secondaryActions);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ButtonGroup, { onOpenBottomSheet: onOpenBottomSheet, onCloseBottomSheet: onCloseBottomSheet, allowTapWhenOffline: true }, buttonActions.map((action, index) => {
-            if (index === 0) {
-                return (React.createElement(ButtonGroup.PrimaryAction, { key: index, onPress: primaryAction, label: label !== null && label !== void 0 ? label : t("save"), loading: loading }));
-            }
-            else {
-                return (React.createElement(ButtonGroup.SecondaryAction, { key: index, label: action.label, icon: action.icon, onPress: action.onPress, destructive: action.destructive }));
-            }
-        }))));
+    return (React.createElement(ButtonGroup, { onOpenBottomSheet: onOpenBottomSheet, onCloseBottomSheet: onCloseBottomSheet, allowTapWhenOffline: true }, buttonActions.map((action, index) => {
+        if (index === 0) {
+            return (React.createElement(ButtonGroup.PrimaryAction, { key: index, onPress: primaryAction, label: label !== null && label !== void 0 ? label : t("save"), loading: loading }));
+        }
+        else {
+            return (React.createElement(ButtonGroup.SecondaryAction, { key: index, label: action.label, icon: action.icon, onPress: action.onPress, destructive: action.destructive }));
+        }
+    })));
     function useButtonGroupAction(array) {
         const buttonGroupActionProps = array
             ? array.map(arr => {