@jobber/components-native 0.54.4-JOB-88641.7 → 0.54.4-fix-inline.3

package/src/Menu/utils.ts

@@ -82,6 +82,7 @@ function getHorizontalPosition(
   if (menuPositionHorizontal === "menuRight") {
     getRightPosition(pos, activatorLayout, windowWidth, menuPadding, menuWidth);
   }
+
   if (menuPositionHorizontal === "menuLeft") {
     getLeftPosition(pos, activatorLayout, windowWidth, menuPadding, menuWidth);
   }
@@ -117,12 +118,7 @@ function getLeftPosition(
   } else if (overflowRight) {
     pos.right = 0;
   } else {
-    pos.right =
-      windowWidth -
-      activatorLayout.x -
-      activatorLayout.width +
-      activatorLayout.width / 2 -
-      menuHorizontalPadding;
+    pos.right = windowWidth - activatorLayout.x - activatorLayout.width;
   }
 }
 
@@ -146,6 +142,6 @@ function getRightPosition(
   } else if (overflowLeft) {
     pos.left = 0;
   } else {
-    pos.left = activatorLayout.x + activatorLayout.width / 2 - menuPadding;
+    pos.left = activatorLayout.x;
   }
 }

package/src/ProgressBar/ProgressBarInner.tsx

@@ -43,5 +43,6 @@ export function calculateWidth(total: number, current: number): number {
   const curr = Math.max(0, current);
 
   if (curr >= total) return 100;
+
   return (curr / total) * 100;
 }

package/src/Select/components/SelectInternalPicker/SelectInternalPicker.tsx

@@ -12,6 +12,7 @@ export function SelectInternalPicker({
   onChange,
 }: SelectInternalPickerProps): JSX.Element {
   if (disabled) return <>{children}</>;
+
   if (isIOS14AndUp()) {
     return (
       <SelectPressable>

package/src/Select/components/SelectInternalPicker/utils.ts

@@ -13,6 +13,7 @@ export function handlePress(onChange: SelectInternalPickerProps["onChange"]) {
 export function isIOS14AndUp(): boolean {
   if (Platform.OS === "ios") {
     const majorVersionIOS = parseInt(Platform.Version, 10);
+
     return majorVersionIOS >= 14;
   }
 

package/src/StatusLabel/StatusLabel.tsx

@@ -57,7 +57,7 @@ export function StatusLabel({
 }
 
 interface StatusLabelIconProps {
-  status: StatusType;
+  readonly status: StatusType;
 }
 
 function StatusLabelIcon({ status }: StatusLabelIconProps) {

package/src/Switch/components/BaseSwitch/BaseSwitch.tsx

@@ -61,6 +61,7 @@ export function BaseSwitch({
         return tokens["color-surface--background"];
       }
     }
+
     return undefined; //use default iOS
   }
 

package/src/Text/Text.tsx

@@ -147,5 +147,6 @@ function getFontWeight({
 }: Pick<TextProps, "level" | "emphasis">): BaseWeight {
   if (emphasis === "strong") return "semiBold";
   if (level === "textSupporting") return "medium";
+
   return "regular";
 }

package/src/Toast/Toast.tsx

@@ -19,6 +19,7 @@ function DefaultToast({ text1 }: ToastConfigParams<string>): JSX.Element {
   const { bottom } = useSafeAreaInsets();
   const { t } = useAtlantisI18n();
   const toastContainerStyles = [styles.container, { paddingBottom: bottom }];
+
   return (
     <View style={toastContainerStyles}>
       <View style={styles.toast}>
@@ -48,7 +49,7 @@ export interface JobberToastProps {
    * Has effect only when the position is "bottom".
    * @default 40
    */
-  bottomOffset?: number;
+  readonly bottomOffset?: number;
 }
 
 export function JobberToast({ bottomOffset }: JobberToastProps): JSX.Element {

package/src/Typography/Typography.tsx

@@ -207,6 +207,7 @@ function getFontStyle(
     fontWeight,
   )}`;
   const fontStyling = styles[styleKey];
+
   if (fontStyling) {
     return fontStyling;
   } else {
@@ -234,6 +235,7 @@ function getColorStyle(color?: TextColor, reverseTheme?: boolean) {
     return styles.greyBlue;
   }
   const colorStyleKey = `${color}${reverseTheme ? "Reverse" : ""}`;
+
   return styles[`${colorStyleKey}`];
 }
 
@@ -248,10 +250,13 @@ function getSizeAndHeightStyle(
   lineHeightOverwrite?: LineHeight,
 ) {
   const fontSize = styles[`${textSize}Size`];
+
   if (lineHeightOverwrite) {
     const lineHeight = styles[`${lineHeightOverwrite}LineHeight`];
+
     return StyleSheet.flatten([fontSize, lineHeight]);
   }
+
   return fontSize;
 }
 

package/src/hooks/useAtlantisI18n/utils/dateFormatter.ts

@@ -13,6 +13,7 @@ export function dateFormatter(
   { locale, timeZone }: DateFormatterOptions,
 ): string {
   const zonedTime = utcToZonedTime(date, timeZone);
+
   return format(zonedTime, dateTimeFormat, {
     locale: getDateFnsLocale(locale),
   });

package/src/hooks/useFormController.ts

@@ -51,6 +51,7 @@ export function useFormController<T>({
   // TODO: Add support for two-part identifiers (e.g. "property.province")
   const fieldIdentifiers = fieldName.split(".");
   let error: FieldError | undefined;
+
   if (fieldIdentifiers.length === 3) {
     const [section, item, identifier] = fieldIdentifiers;
     error = errors[section]?.[item]?.[identifier];
@@ -64,5 +65,6 @@ export function useFormController<T>({
 function useControlName(name?: string): UseControllerReturn["field"]["name"] {
   const [identifier] = useState(v1());
   const prefix = `generatedName--${identifier}`;
+
   return `${name || prefix}` as const;
 }

package/src/index.ts

@@ -17,29 +17,30 @@ export * from "./Divider";
 export * from "./EmptyState";
 export * from "./ErrorMessageWrapper";
 export * from "./Flex";
-export * from "./FormatFile";
 export * from "./Form";
+export * from "./FormatFile";
 export * from "./FormField";
+export * from "./Glimmer";
 export * from "./Heading";
 export * from "./Icon";
 export * from "./IconButton";
-export * from "./InputFieldWrapper";
 export * from "./InputCurrency";
 export * from "./InputDate";
 export * from "./InputEmail";
+export * from "./InputFieldWrapper";
 export * from "./InputNumber";
 export * from "./InputPassword";
 export * from "./InputPressable";
 export * from "./InputSearch";
-export * from "./InputTime";
 export * from "./InputText";
+export * from "./InputTime";
 export * from "./Menu";
-export * from "./TextList";
-export * from "./ThumbnailList";
 export * from "./ProgressBar";
 export * from "./Select";
 export * from "./StatusLabel";
 export * from "./Switch";
 export * from "./Text";
+export * from "./TextList";
+export * from "./ThumbnailList";
 export * from "./Toast";
 export * from "./Typography";

package/src/utils/intl/capitalize.ts

@@ -2,5 +2,6 @@ export function capitalize(text: string): string {
   if (!text) {
     return "";
   }
+
   return text.charAt(0).toLocaleUpperCase("en-US") + text.slice(1);
 }

package/src/utils/test/MockSafeAreaProvider.tsx

@@ -6,9 +6,9 @@ import {
 } from "react-native-safe-area-context";
 
 interface MockSafeAreaProviderProps {
-  children: React.ReactNode;
-  frame?: Rect;
-  insets?: EdgeInsets;
+  readonly children: React.ReactNode;
+  readonly frame?: Rect;
+  readonly insets?: EdgeInsets;
 }
 
 export function MockSafeAreaProvider({