@jobber/components-native 0.46.4 → 0.46.6-update-hov.20

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.46.4",
+    "version": "0.46.6-update-hov.20+0990ce83",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -36,8 +36,8 @@
         "build:clean": "rm -rf ./dist"
     },
     "dependencies": {
-        "@jobber/design": "^0.44.4",
-        "@jobber/hooks": "^2.3.0",
+        "@jobber/design": "^0.47.0",
+        "@jobber/hooks": "^2.7.0",
         "@react-native-clipboard/clipboard": "^1.11.2",
         "@react-native-picker/picker": "^2.4.10",
         "autolinker": "^4.0.0",
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "616c498cc1bfeedcc752700c6bcbc64f4f914350"
+    "gitHead": "0990ce83de1510164baf3e04368ef1c5b42cb21e"
 }

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: `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: "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 => {

package/dist/src/InputEmail/InputEmail.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { InputText } from "../InputText";
+export const InputEmail = forwardRef(InputEmailInternal);
+function InputEmailInternal(props, ref) {
+    return (React.createElement(InputText, Object.assign({}, props, { ref: ref, autoCapitalize: "none", autoCorrect: false, keyboard: "email-address", validations: Object.assign({ pattern: {
+                value: /[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?/,
+                message: "Enter a valid email address (email@example.com)",
+            } }, props.validations) })));
+}

package/dist/src/InputEmail/index.js

@@ -0,0 +1 @@
+export { InputEmail } from "./InputEmail";

package/dist/src/Select/Select.js

@@ -7,7 +7,7 @@ import { Icon } from "../Icon";
 import { Text } from "../Text";
 import { useFormController } from "../hooks";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
-export function Select({ value, defaultValue, onChange, children, placeholder, label, assistiveText, disabled, invalid, validations, accessibilityLabel, name, }) {
+export function Select({ value, defaultValue, onChange, children, placeholder, label, assistiveText, disabled, invalid, validations, accessibilityLabel, name, testID, }) {
     const { field, error } = useFormController({
         name,
         validations,
@@ -24,7 +24,7 @@ export function Select({ value, defaultValue, onChange, children, placeholder, l
     return (React.createElement(InputFieldWrapper, { error: error, invalid: invalid || !!error, hasValue: hasValue, styleOverride: {
             container: { borderBottomWidth: undefined },
         } },
-        React.createElement(View, { testID: "ATL-Select", accessible: true, accessibilityLabel: getA11yLabel(), accessibilityValue: { text: getValue() }, accessibilityHint: t("Select.a11yHint"), accessibilityRole: "button", accessibilityState: { disabled: disabled } },
+        React.createElement(View, { testID: getTestID(testID), accessible: true, accessibilityLabel: getA11yLabel(), accessibilityValue: { text: getValue() }, accessibilityHint: t("Select.a11yHint"), accessibilityRole: "button", accessibilityState: { disabled: disabled } },
             React.createElement(SelectInternalPicker, { disabled: disabled, options: getOptions(), onChange: handleChange },
                 React.createElement(View, { style: [styles.container, (invalid || !!error) && styles.invalid] },
                     label && (React.createElement(Text, { level: "textSupporting", variation: textVariation, hideFromScreenReader: true }, label)),
@@ -73,6 +73,12 @@ function getTextVariation({ invalid, disabled, }) {
         return "disabled";
     return "subdued";
 }
+function getTestID(testID) {
+    if (testID) {
+        return `ATL-${testID}-Select`;
+    }
+    return "ATL-Select";
+}
 export function Option({ children }) {
     return React.createElement(React.Fragment, null, children);
 }

package/dist/src/index.js

@@ -26,6 +26,7 @@ export * from "./IconButton";
 export * from "./InputFieldWrapper";
 export * from "./InputCurrency";
 export * from "./InputDate";
+export * from "./InputEmail";
 export * from "./InputNumber";
 export * from "./InputPassword";
 export * from "./InputPressable";