@jobber/components-native 0.91.3-JOB-142285-bc02eef.1 → 0.91.4

package/dist/types/src/ButtonGroup/components/SecondaryActionSheet/SecondaryActionSheet.d.ts

@@ -4,7 +4,7 @@ import type { ButtonGroupSecondaryActionProps } from "../../types";
 import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 interface SecondaryActionSheetProps {
     readonly actions: ButtonGroupSecondaryActionProps[];
-    readonly secondaryActionsRef: RefObject<BottomSheetRef>;
+    readonly secondaryActionsRef: RefObject<BottomSheetRef | null>;
     readonly showCancel?: boolean;
     readonly heading?: string;
     readonly onOpenBottomSheet?: () => void;

package/dist/types/src/ContentOverlay/UNSAFE_WrappedModalize.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { IHandles } from "react-native-modalize/lib/options";
-export declare const UNSAFE_WrappedModalize: React.ForwardRefExoticComponent<Omit<import("react-native-modalize/lib/options").IProps<any> & React.RefAttributes<string | number | boolean | {} | React.ReactPortal | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | undefined>, "ref"> & React.RefAttributes<IHandles | undefined>>;
+export declare const UNSAFE_WrappedModalize: React.ForwardRefExoticComponent<Omit<import("react-native-modalize/lib/options").IProps<any> & React.RefAttributes<any>, "ref"> & React.RefAttributes<IHandles | undefined>>;

package/dist/types/src/ErrorMessageWrapper/context/types.d.ts

@@ -43,7 +43,7 @@ type ElementID = Element["id"];
 export interface ErrorMessageContextRegisterParams {
     readonly id: ElementID;
     readonly hasErrorMessage: Methods["hasErrorMessage"];
-    readonly ref: RefObject<View>;
+    readonly ref: RefObject<View | null>;
 }
 export interface ErrorMessageContextProps {
     /**

package/dist/types/src/Form/context/AtlantisFormContext.d.ts

@@ -1,6 +1,6 @@
 import type { AtlantisFormContextProps } from "./types";
 export declare const atlantisFormContextDefaultValues: {
-    useConfirmBeforeBack: () => import("react").MutableRefObject<() => undefined>;
+    useConfirmBeforeBack: () => import("react").RefObject<() => undefined>;
     useInternalFormLocalCache: () => {
         setLocalCache: () => undefined;
         removeLocalCache: () => undefined;

package/dist/types/src/Form/context/types.d.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject } from "react";
+import type { RefObject } from "react";
 import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
 export interface UseConfirmBeforeBackProps {
     alwaysPreventBack: boolean;
@@ -16,7 +16,7 @@ interface LocalCacheOptions {
     readonly id?: string | string[];
 }
 export interface AtlantisFormContextProps {
-    useConfirmBeforeBack: (props: UseConfirmBeforeBackProps) => MutableRefObject<() => void>;
+    useConfirmBeforeBack: (props: UseConfirmBeforeBackProps) => RefObject<() => void>;
     useInternalFormLocalCache: <TData extends FieldValues>(formMethods: UseFormReturn<TData>, cacheKey?: string, options?: LocalCacheOptions) => {
         setLocalCache: (data: DeepPartial<TData>) => void;
         removeLocalCache: () => void;

package/dist/types/src/Form/hooks/useFormViewRefs.d.ts

@@ -2,8 +2,8 @@ import type { RefObject } from "react";
 import type { View } from "react-native";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 interface UseFormViewRefsReturn {
-    readonly scrollViewRef: RefObject<KeyboardAwareScrollView>;
-    readonly bottomViewRef: RefObject<View>;
+    readonly scrollViewRef: RefObject<KeyboardAwareScrollView | null>;
+    readonly bottomViewRef: RefObject<View | null>;
     readonly scrollToTop: () => void;
 }
 export declare function useFormViewRefs(): UseFormViewRefsReturn;

package/dist/types/src/Form/hooks/useInternalForm.d.ts

@@ -1,9 +1,9 @@
 import type { DeepPartial, FieldValues, UseFormHandleSubmit, UseFormReturn } from "react-hook-form";
-import type { MutableRefObject, RefObject } from "react";
+import type { RefObject } from "react";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import type { InternalFormProps } from "../types";
 type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<InternalFormProps<T, SubmitResponseType>, "mode" | "reValidateMode" | "initialValues" | "formRef" | "localCacheKey" | "localCacheExclude" | "localCacheId" | "UNSAFE_allowDiscardLocalCacheWhenOffline"> & {
-    scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+    scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
     readonly saveButtonHeight: number;
     readonly messageBannerHeight: number;
 };
@@ -12,7 +12,7 @@ interface UseInternalForm<T extends FieldValues> {
     readonly handleSubmit: UseFormHandleSubmit<T>;
     readonly isSubmitting: boolean;
     readonly isDirty: boolean;
-    readonly removeListenerRef: MutableRefObject<() => void>;
+    readonly removeListenerRef: RefObject<() => void>;
     readonly setLocalCache: (data: DeepPartial<T>) => void;
 }
 export declare function useInternalForm<T extends FieldValues, SubmitResponseType>({ mode, reValidateMode, initialValues, formRef, localCacheKey, localCacheId, scrollViewRef, saveButtonHeight, messageBannerHeight, UNSAFE_allowDiscardLocalCacheWhenOffline, }: UseInternalFormProps<T, SubmitResponseType>): UseInternalForm<T>;

package/dist/types/src/Form/types.d.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject, ReactElement, RefObject } from "react";
+import type { ReactElement, RefObject } from "react";
 import type { ControllerProps, DefaultValues, FieldPath, FieldValues, Mode, UseFormReturn } from "react-hook-form";
 import type { IconNames } from "@jobber/design";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
@@ -37,7 +37,7 @@ interface FormNoticeMessage {
     message: string;
 }
 export type FormRef<T extends FieldValues = FieldValues> = (UseFormReturn<T> & {
-    scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+    scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
     saveButtonHeight?: number;
     messageBannerHeight?: number;
 }) | undefined;
@@ -97,7 +97,7 @@ export interface FormProps<T extends FieldValues, SubmitResponseType> {
     /**
      * ref object to access react hook form methods and state
      */
-    formRef?: MutableRefObject<FormRef<T> | undefined>;
+    formRef?: RefObject<FormRef<T> | undefined>;
     /**
      * Label to be displayed for the save button
      */

package/dist/types/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 export type BottomSheetOptionsSuffix = "receipt" | "image" | "file" | "video";
 interface FormatFileBottomSheetProps {
-    readonly bottomSheetRef: RefObject<BottomSheetRef>;
+    readonly bottomSheetRef: RefObject<BottomSheetRef | null>;
     readonly onPreviewPress?: () => void;
     readonly onRemovePress?: () => void;
     readonly bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;

package/dist/types/src/Menu/types.d.ts

@@ -1,5 +1,5 @@
-import type { IconColorNames, IconNames } from "@jobber/design";
 import type { ReactElement } from "react";
+import type { IconColorNames, IconNames } from "@jobber/design";
 import type { TextAlign } from "../Typography";
 export interface MenuOptionProps {
     readonly label: string;
@@ -13,9 +13,13 @@ export interface MenuOptionProps {
 export interface MenuOptionInternalProps extends MenuOptionProps {
     setOpen: (bool: boolean) => void;
 }
+export interface CustomActivatorProps {
+    readonly onPress?: () => void;
+    readonly onLongPress?: () => void;
+}
 export interface MenuProps {
     readonly menuOptions?: MenuOptionProps[];
-    readonly customActivator?: ReactElement;
+    readonly customActivator?: ReactElement<CustomActivatorProps>;
 }
 export interface OverlayProp {
     setOpen: (bool: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.91.3-JOB-142285-bc02eef.1+bc02eefad",
+  "version": "0.91.4",
   "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": "bc02eefad09f1db826914c924a6ccfd509ccc079"
+  "gitHead": "953deb18e2cf5a920ab5e23295e15aefd3865c0f"
 }

package/src/ButtonGroup/ButtonGroup.tsx

@@ -48,7 +48,7 @@ export function ButtonGroup({
 }: ButtonGroupProps) {
   const { t } = useAtlantisI18n();
   const { handlePress } = usePreventTapWhenOffline();
-  const secondaryActionsRef = useRef<BottomSheetRef>();
+  const secondaryActionsRef = useRef<BottomSheetRef>(null);
   const { primaryActions, secondaryActions } = getActions(children);
   const styles = useStyles();
 

package/src/ButtonGroup/components/SecondaryActionSheet/SecondaryActionSheet.tsx

@@ -9,7 +9,7 @@ import { BottomSheet } from "../../../BottomSheet/BottomSheet";
 
 interface SecondaryActionSheetProps {
   readonly actions: ButtonGroupSecondaryActionProps[];
-  readonly secondaryActionsRef: RefObject<BottomSheetRef>;
+  readonly secondaryActionsRef: RefObject<BottomSheetRef | null>;
   readonly showCancel?: boolean;
   readonly heading?: string;
   readonly onOpenBottomSheet?: () => void;

package/src/Chip/Chip.style.ts

@@ -12,7 +12,7 @@ export const useStyles = buildThemedStyles(tokens => {
       justifyContent: "center",
       marginHorizontal: tokens["space-smaller"],
       marginTop: tokens["space-small"],
-      paddingHorizontal: tokens["space-base"],
+      paddingHorizontal: tokens["space-small"],
     },
     iconLeft: {
       marginHorizontal: tokens["space-smallest"],

package/src/ContentOverlay/ContentOverlay.tsx

@@ -71,9 +71,9 @@ function ContentOverlayInternal(
   const shouldShowDismiss =
     showDismiss || isScreenReaderEnabled || isFullScreenOrTopPosition;
   const [showHeaderShadow, setShowHeaderShadow] = useState<boolean>(false);
-  const overlayHeader = useRef<View>();
+  const overlayHeader = useRef<View>(null);
 
-  const internalRef = useRef<Modalize>();
+  const internalRef = useRef<Modalize>(null);
   const [modalizeMethods, setModalizeMethods] = useState<ContentOverlayRef>();
   const callbackInternalRef = useCallback((instance: Modalize) => {
     if (instance && !internalRef.current) {
@@ -244,7 +244,6 @@ function ContentOverlayInternal(
           {shouldShowDismiss && (
             <View
               style={styles.dismissButton}
-              // @ts-expect-error tsc-ci
               ref={overlayHeader}
               accessibilityLabel={accessibilityLabel || closeOverlayA11YLabel}
               accessible={true}

package/src/ErrorMessageWrapper/context/ErrorMessageProvider.tsx

@@ -49,13 +49,13 @@ export function ErrorMessageProvider({ children }: ErrorMessageProviderProps) {
   }
 }
 
-function getMeasure(ref: RefObject<View>) {
+function getMeasure(ref: RefObject<View | null>) {
   return function measure(...args: Parameters<NativeMethods["measureLayout"]>) {
     ref.current?.measureLayout(...args);
   };
 }
 
-function getAccessibilityFocus(ref: RefObject<View>) {
+function getAccessibilityFocus(ref: RefObject<View | null>) {
   return function accessibilityFocus() {
     const reactTag = findNodeHandle(ref.current);
     reactTag &&

package/src/ErrorMessageWrapper/context/types.ts

@@ -50,7 +50,7 @@ type ElementID = Element["id"];
 export interface ErrorMessageContextRegisterParams {
   readonly id: ElementID;
   readonly hasErrorMessage: Methods["hasErrorMessage"];
-  readonly ref: RefObject<View>;
+  readonly ref: RefObject<View | null>;
 }
 
 export interface ErrorMessageContextProps {

package/src/Form/context/types.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject } from "react";
+import type { RefObject } from "react";
 import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
 
 export interface UseConfirmBeforeBackProps {
@@ -21,7 +21,7 @@ interface LocalCacheOptions {
 export interface AtlantisFormContextProps {
   useConfirmBeforeBack: (
     props: UseConfirmBeforeBackProps,
-  ) => MutableRefObject<() => void>;
+  ) => RefObject<() => void>;
   useInternalFormLocalCache: <TData extends FieldValues>(
     formMethods: UseFormReturn<TData>,
     cacheKey?: string,

package/src/Form/hooks/useFormViewRefs.ts

@@ -4,15 +4,14 @@ import type { View } from "react-native";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 interface UseFormViewRefsReturn {
-  readonly scrollViewRef: RefObject<KeyboardAwareScrollView>;
-  readonly bottomViewRef: RefObject<View>;
+  readonly scrollViewRef: RefObject<KeyboardAwareScrollView | null>;
+  readonly bottomViewRef: RefObject<View | null>;
   readonly scrollToTop: () => void;
 }
 
 export function useFormViewRefs(): UseFormViewRefsReturn {
-  const scrollViewRef: RefObject<KeyboardAwareScrollView> =
-    useRef<KeyboardAwareScrollView>(null);
-  const bottomViewRef: RefObject<View> = useRef<View>(null);
+  const scrollViewRef = useRef<KeyboardAwareScrollView>(null);
+  const bottomViewRef = useRef<View>(null);
   const scrollToTop = useCallback(() => {
     scrollViewRef.current?.scrollToPosition(0, 0);
   }, [scrollViewRef]);

package/src/Form/hooks/useInternalForm.ts

@@ -5,7 +5,7 @@ import type {
   UseFormReturn,
 } from "react-hook-form";
 import { useForm } from "react-hook-form";
-import type { MutableRefObject, RefObject } from "react";
+import type { RefObject } from "react";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import { useAtlantisContext } from "../../AtlantisContext";
 import { useAtlantisFormContext } from "../context/AtlantisFormContext";
@@ -22,7 +22,7 @@ type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<
   | "localCacheId"
   | "UNSAFE_allowDiscardLocalCacheWhenOffline"
 > & {
-  scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+  scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
   readonly saveButtonHeight: number;
   readonly messageBannerHeight: number;
 };
@@ -32,7 +32,7 @@ interface UseInternalForm<T extends FieldValues> {
   readonly handleSubmit: UseFormHandleSubmit<T>;
   readonly isSubmitting: boolean;
   readonly isDirty: boolean;
-  readonly removeListenerRef: MutableRefObject<() => void>;
+  readonly removeListenerRef: RefObject<() => void>;
   readonly setLocalCache: (data: DeepPartial<T>) => void;
 }
 

package/src/Form/types.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject, ReactElement, RefObject } from "react";
+import type { ReactElement, RefObject } from "react";
 import type {
   ControllerProps,
   DefaultValues,
@@ -54,7 +54,7 @@ interface FormNoticeMessage {
 
 export type FormRef<T extends FieldValues = FieldValues> =
   | (UseFormReturn<T> & {
-      scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+      scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
       saveButtonHeight?: number;
       messageBannerHeight?: number;
     })
@@ -127,7 +127,7 @@ export interface FormProps<T extends FieldValues, SubmitResponseType> {
   /**
    * ref object to access react hook form methods and state
    */
-  formRef?: MutableRefObject<FormRef<T> | undefined>;
+  formRef?: RefObject<FormRef<T> | undefined>;
 
   /**
    * Label to be displayed for the save button

package/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.tsx

@@ -9,7 +9,7 @@ import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 export type BottomSheetOptionsSuffix = "receipt" | "image" | "file" | "video";
 
 interface FormatFileBottomSheetProps {
-  readonly bottomSheetRef: RefObject<BottomSheetRef>;
+  readonly bottomSheetRef: RefObject<BottomSheetRef | null>;
   readonly onPreviewPress?: () => void;
   readonly onRemovePress?: () => void;
   readonly bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;

package/src/Menu/Menu.tsx

@@ -23,8 +23,8 @@ import { useAtlantisTheme } from "../AtlantisThemeContext";
 export function Menu({ menuOptions, customActivator }: MenuProps) {
   const [open, setOpen] = useState<boolean>(false);
   const [menuPosition, setMenuPosition] = useState<object>();
-  const activatorLayout = useRef<LayoutRectangle>();
-  const menuButtonRef = useRef<View | null>();
+  const activatorLayout = useRef<LayoutRectangle>(null);
+  const menuButtonRef = useRef<View>(null);
   const screenInfo = useScreenInformation();
 
   const { t } = useAtlantisI18n();

package/src/Menu/types.ts

@@ -1,5 +1,5 @@
-import type { IconColorNames, IconNames } from "@jobber/design";
 import type { ReactElement } from "react";
+import type { IconColorNames, IconNames } from "@jobber/design";
 import type { TextAlign } from "../Typography";
 
 export interface MenuOptionProps {
@@ -16,9 +16,14 @@ export interface MenuOptionInternalProps extends MenuOptionProps {
   setOpen: (bool: boolean) => void;
 }
 
+export interface CustomActivatorProps {
+  readonly onPress?: () => void;
+  readonly onLongPress?: () => void;
+}
+
 export interface MenuProps {
   readonly menuOptions?: MenuOptionProps[];
-  readonly customActivator?: ReactElement;
+  readonly customActivator?: ReactElement<CustomActivatorProps>;
 }
 
 export interface OverlayProp {