@jobber/components-native 0.90.1-JOB-140976-20bb6ae.11 → 0.90.1-JOB-140976-676a3bc.17

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.90.1-JOB-140976-20bb6ae.11+20bb6ae6a",
+    "version": "0.90.1-JOB-140976-676a3bc.17+676a3bc2e",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -94,5 +94,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "20bb6ae6a51997e8306d4f4ddf12295b33ca16be"
+    "gitHead": "676a3bc2eb3879aa5fda68db6121d30c9bf4828f"
 }

package/dist/src/InputDate/InputDate.js

@@ -27,7 +27,7 @@ export function InputDate(props) {
     }
     return React.createElement(InternalInputDate, Object.assign({}, props));
 }
-function InternalInputDate({ clearable = "always", disabled, emptyValueLabel, invalid, maxDate, minDate, placeholder, value, name, onChange, accessibilityLabel, accessibilityHint, }) {
+function InternalInputDate({ clearable = "always", disabled, emptyValueLabel, invalid, maxDate, minDate, placeholder, value, showMiniLabel = true, name, onChange, accessibilityLabel, accessibilityHint, }) {
     const [showPicker, setShowPicker] = useState(false);
     const { t, locale, formatDate } = useAtlantisI18n();
     const date = useMemo(() => {
@@ -44,7 +44,7 @@ function InternalInputDate({ clearable = "always", disabled, emptyValueLabel, in
     const canClearDate = formattedDate === emptyValueLabel ? "never" : clearable;
     const placeholderLabel = placeholder !== null && placeholder !== void 0 ? placeholder : t("date");
     return (React.createElement(React.Fragment, null,
-        React.createElement(InputPressable, { focused: showPicker, clearable: canClearDate, disabled: disabled, invalid: invalid, placeholder: placeholderLabel, prefix: { icon: "calendar" }, value: formattedDate, onClear: handleClear, onPress: showDatePicker, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint }),
+        React.createElement(InputPressable, { showMiniLabel: showMiniLabel, focused: showPicker, clearable: canClearDate, disabled: disabled, invalid: invalid, placeholder: placeholderLabel, prefix: { icon: "calendar" }, value: formattedDate, onClear: handleClear, onPress: showDatePicker, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint }),
         React.createElement(DateTimePicker, { testID: "inputDate-datePicker", date: date || undefined, display: display, isVisible: showPicker, maximumDate: maxDate, minimumDate: minDate, mode: "date", confirmTextIOS: t("confirm"), cancelTextIOS: t("cancel"), locale: locale, onCancel: handleCancel, onConfirm: handleConfirm })));
     function showDatePicker() {
         Keyboard.dismiss();

package/dist/src/InputPressable/InputPressable.js

@@ -7,7 +7,6 @@ export const InputPressable = forwardRef(InputPressableInternal);
 export function InputPressableInternal({ value, placeholder, disabled, invalid, error, showMiniLabel = true, onPress, accessibilityLabel, accessibilityHint, prefix, suffix, clearable = "never", onClear, focused, }, ref) {
     const hasValue = !!value;
     const placeholderMode = getPlaceholderMode(showMiniLabel, value);
-    const miniLabelActive = placeholderMode === "mini";
     const showClear = useShowClear({
         clearable,
         multiline: false,
@@ -22,7 +21,8 @@ export function InputPressableInternal({ value, placeholder, disabled, invalid,
             React.createElement(NativeText, { style: [
                     commonInputStyles.input,
                     styles.inputPressableStyles,
-                    !miniLabelActive && commonInputStyles.inputEmpty,
+                    placeholderMode === "normal" && commonInputStyles.inputEmpty,
+                    placeholderMode === "hidden" && styles.withoutMiniLabel,
                     disabled && commonInputStyles.inputDisabled,
                     (Boolean(invalid) || error) && styles.inputInvalid,
                 ], testID: "inputPressableText", ref: ref, accessibilityRole: "none", accessible: false, importantForAccessibility: "no-hide-descendants" }, value))));

package/dist/src/InputPressable/InputPressable.style.js

@@ -21,5 +21,8 @@ export const useStyles = buildThemedStyles(tokens => {
         inputInvalid: {
             borderColor: tokens["color-critical"],
         },
+        withoutMiniLabel: {
+            paddingTop: tokens["space-base"] + tokens["space-smallest"],
+        },
     };
 });

package/dist/src/InputTime/InputTime.js

@@ -28,7 +28,7 @@ export function InputTime(props) {
     }
     return React.createElement(InternalInputTime, Object.assign({}, props));
 }
-function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, invalid, placeholder, value, name, type = "scheduling", onChange, showIcon = true, }) {
+function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, invalid, placeholder, value, name, type = "scheduling", showMiniLabel = true, onChange, showIcon = true, }) {
     const [showPicker, setShowPicker] = useState(false);
     const { t, formatTime } = useAtlantisI18n();
     const { timeZone, timeFormat } = useAtlantisContext();
@@ -42,7 +42,7 @@ function InternalInputTime({ clearable = "always", disabled, emptyValueLabel, in
     }, [dateTime, emptyValueLabel]);
     const canClearTime = formattedTime === emptyValueLabel ? "never" : clearable;
     return (React.createElement(View, { style: styles.container },
-        React.createElement(InputPressable, { clearable: canClearTime, disabled: disabled, invalid: invalid, focused: showPicker, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("time"), prefix: showIcon ? { icon: "timer" } : undefined, value: formattedTime, onClear: handleClear, onPress: showDatePicker }),
+        React.createElement(InputPressable, { showMiniLabel: showMiniLabel, clearable: canClearTime, disabled: disabled, invalid: invalid, focused: showPicker, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("time"), prefix: showIcon ? { icon: "timer" } : undefined, value: formattedTime, onClear: handleClear, onPress: showDatePicker }),
         React.createElement(DateTimePicker, { testID: "inputTime-Picker", minuteInterval: getMinuteInterval(type), date: getInitialPickerDate(dateTime), timeZoneOffsetInMinutes: getTimeZoneOffsetInMinutes(timeZone, dateTime), isVisible: showPicker, mode: "time", onCancel: handleCancel, onConfirm: handleConfirm, is24Hour: is24Hour, locale: is24Hour ? LOCALE_24_HOURS : LOCALE_12_HOURS })));
     function showDatePicker() {
         Keyboard.dismiss();