@jobber/components-native 0.89.5-JOB-140604-cab60b8.43 → 0.89.5-JOB-140604-8777ec5.52

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { IconColorNames, IconNames } from "@jobber/design";
 export interface ActionItemProps {
     /**
@@ -35,7 +36,7 @@ export interface ActionItemProps {
     readonly onPress?: () => void;
     readonly testID?: string;
 }
-export declare function ActionItem({ title, icon, iconColor, children, actionIcon, actionIconColour, actionIconAlignment, onPress, testID, }: ActionItemProps): JSX.Element;
+export declare function ActionItem({ title, icon, iconColor, children, actionIcon, actionIconColour, actionIconAlignment, onPress, testID, }: ActionItemProps): React.JSX.Element;
 type ActionIconColour = "interactive" | "destructive" | "informative" | "subtle";
 type ActionIconNames = IconNames | "editpencil";
 export {};

package/dist/types/src/ActionItem/ActionItemGroup.d.ts

@@ -1,4 +1,5 @@
 import type { ReactElement } from "react";
+import React from "react";
 import type { ActionItem, ActionItemProps } from "./ActionItem";
 export type ActionItemElement = ReactElement<ActionItemProps, typeof ActionItem> | boolean | null | undefined;
 interface ActionItemGroupProps {
@@ -7,5 +8,5 @@ interface ActionItemGroupProps {
      */
     readonly children: ActionItemElement | ActionItemElement[];
 }
-export declare function ActionItemGroup({ children, }: ActionItemGroupProps): JSX.Element;
+export declare function ActionItemGroup({ children }: ActionItemGroupProps): React.JSX.Element;
 export {};

package/dist/types/src/ActionItem/components/ActionItemContainer.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface ActionItemContainerProps {
     readonly children: ReactNode;
     readonly title?: string;
     readonly onPress?: () => void;
     readonly testID?: string;
 }
-export declare function ActionItemContainer({ onPress, title, children, testID, }: ActionItemContainerProps): JSX.Element;
+export declare function ActionItemContainer({ onPress, title, children, testID, }: ActionItemContainerProps): React.JSX.Element;
 export {};

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

@@ -24,5 +24,5 @@ interface ActionLabelProps {
      */
     readonly align?: TextAlign;
 }
-export declare function ActionLabel({ children, variation, type, disabled, align, }: ActionLabelProps): JSX.Element;
+export declare function ActionLabel({ children, variation, type, disabled, align, }: ActionLabelProps): React.JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ActivityIndicatorProps } from "react-native";
-export declare function JobberActivityIndicator(props: ActivityIndicatorProps): JSX.Element;
+export declare function JobberActivityIndicator(props: ActivityIndicatorProps): React.JSX.Element;

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { AutoLinkProps } from "./types";
-export declare function AutoLink({ children: text, bottomTabsVisible, selectable, ...rest }: AutoLinkProps): JSX.Element;
+export declare function AutoLink({ children: text, bottomTabsVisible, selectable, ...rest }: AutoLinkProps): React.JSX.Element;

package/dist/types/src/AutoLink/components/ComposeTextWithLinks/ComposeTextWithLinks.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComposeTextWithLinksProps } from "../../types";
-export declare function ComposeTextWithLinks({ part, index, match, bottomTabsVisible, selectable, }: ComposeTextWithLinksProps): JSX.Element;
+export declare function ComposeTextWithLinks({ part, index, match, bottomTabsVisible, selectable, }: ComposeTextWithLinksProps): React.JSX.Element;

package/dist/types/src/AutoLink/components/Link/Link.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface LinkProps {
     readonly children: string;
     readonly onPress: () => void;
     readonly onLongPress?: () => void;
 }
-export declare function Link({ children, onPress, onLongPress, }: LinkProps): JSX.Element;
+export declare function Link({ children, onPress, onLongPress }: LinkProps): React.JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { BannerProps } from "./types";
-export declare function Banner({ action, details, text, type, children, icon, }: BannerProps): JSX.Element;
+export declare function Banner({ action, details, text, type, children, icon, }: BannerProps): React.JSX.Element;

package/dist/types/src/Banner/components/BannerIcon/BannerIcon.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import type { IconNames } from "@jobber/design";
 import type { BannerTypes } from "../../types";
 export interface BannerIconProps {
     readonly icon: IconNames;
     readonly type: BannerTypes;
 }
-export declare function BannerIcon({ icon, type }: BannerIconProps): JSX.Element;
+export declare function BannerIcon({ icon, type }: BannerIconProps): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { ReactNode, Ref } from "react";
+import type { ReactNode } from "react";
 import React from "react";
 export interface BottomSheetProps {
     readonly children: ReactNode;
@@ -22,16 +22,11 @@ export interface BottomSheetProps {
      * Callback that is called when the overlay is closed.
      */
     readonly onClose?: () => void;
-    /**
-     * Ref to the bottom sheet component.
-     */
-    readonly ref: Ref<BottomSheetRef>;
 }
 export interface BottomSheetRef {
     open: () => void;
     close: () => void;
 }
-export declare function BottomSheet({ children, showCancel, loading, heading, onOpen, onClose, ref, }: BottomSheetProps): React.JSX.Element;
-export declare namespace BottomSheet {
-    var InputText: React.ForwardRefExoticComponent<import("..").InputTextProps & React.RefAttributes<import("..").InputTextRef>>;
-}
+export declare function BottomSheet({ children, showCancel, loading, heading, onOpen, onClose, ref, }: BottomSheetProps & {
+    readonly ref?: React.Ref<BottomSheetRef>;
+}): React.JSX.Element;

package/dist/types/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { IconColorNames, IconNames } from "@jobber/design";
 import type { TextAlign } from "../../../Typography";
 export interface BottomSheetOptionProps {
@@ -9,4 +10,4 @@ export interface BottomSheetOptionProps {
     readonly textTransform?: "none" | "capitalize";
     readonly onPress: () => void;
 }
-export declare function BottomSheetOption({ text, icon, iconColor, textAlign, destructive, textTransform, onPress, }: BottomSheetOptionProps): JSX.Element;
+export declare function BottomSheetOption({ text, icon, iconColor, textAlign, destructive, textTransform, onPress, }: BottomSheetOptionProps): React.JSX.Element;

package/dist/types/src/BottomSheet/hooks/useBottomSheetBackHandler.d.ts

@@ -0,0 +1,8 @@
+import type BottomSheet from "@gorhom/bottom-sheet";
+/**
+ * Hook that closes the bottom sheet on the hardware back button press if it is visible
+ * @param bottomSheetRef ref to the bottom sheet component
+ */
+export declare function useBottomSheetBackHandler(bottomSheetRef: React.RefObject<BottomSheet | null>): {
+    handleSheetPositionChange: (index: number) => void;
+};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { IconNames } from "@jobber/design";
 import type { XOR } from "ts-xor";
@@ -83,5 +84,5 @@ interface IconButton extends CommonButtonProps {
     readonly accessibilityLabel: string;
 }
 export type ButtonProps = XOR<LabelButton, IconButton>;
-export declare function Button({ label, onPress, variation, type, fullHeight, fullWidth, disabled, loading, size, accessibilityLabel, accessibilityHint, icon, testID, UNSAFE_style, }: ButtonProps): JSX.Element;
+export declare function Button({ label, onPress, variation, type, fullHeight, fullWidth, disabled, loading, size, accessibilityLabel, accessibilityHint, icon, testID, UNSAFE_style, }: ButtonProps): React.JSX.Element;
 export {};

package/dist/types/src/Button/components/InternalButtonLoading/InternalButtonLoading.d.ts

@@ -4,7 +4,7 @@ interface InternalButtonLoadingProps {
     readonly variation: ButtonVariation;
     readonly type: ButtonType;
 }
-declare function InternalButtonLoadingInternal({ variation, type, }: InternalButtonLoadingProps): JSX.Element;
+declare function InternalButtonLoadingInternal({ variation, type, }: InternalButtonLoadingProps): React.JSX.Element;
 export declare const darkPattern = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAMUExURQAAAEdwTAAAAAAAAKDh18UAAAAEdFJOUxkADQwimkzpAAAAtUlEQVRIx+3NqxHDQBRDUc0YuxyXokxgSkmT7sdgP++3YoYrqAsOYDto+7gfpwtfHy4Xfj7cLvw3sYlNbOINAoI4IIgTgrggiBuCIAThQyB8CIQLkXAhEi5EwoVIWEiEhURYSISFRMyQiRkyMUMmZsjECIUYoRAjFGKEQvRQiR4q0UMleqhECwuihQXRwoJoYUEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhB8AEuzZ5wHe17xgAAAABJRU5ErkJggg==";
 export declare const lightPattern = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAJUExURf///0dwTP///0SistEAAAADdFJOU0AAILGCadYAAAC0SURBVEjH7c2pFcNAFENRHTMX4pKUE5hS0oT7NZjlbyNmOIJ64AK2g7aP+3G68PXhcuHnw+3CfxOb2MQm3iAgiAOCOCGIC4K4IQhCED4EwodAuBAJFyLhQiRciISFRFhIhIVEWEjEDJmYIRMzZGKGTIxQiBEKMUIhRihED5XooRI9VKKHSrSwIFpYEC0siBYWBCEIQhCEIAhBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiCEAQfva6WeBniVLgAAAAASUVORK5CYII=";
 export declare const InternalButtonLoading: React.MemoExoticComponent<typeof InternalButtonLoadingInternal>;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ButtonGroupActionElement } from "./types";
 export interface ButtonGroupProps {
     readonly children: ButtonGroupActionElement | ButtonGroupActionElement[];
@@ -22,7 +23,7 @@ export interface ButtonGroupProps {
      */
     readonly allowTapWhenOffline?: boolean;
 }
-export declare function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHeading, onOpenBottomSheet, onCloseBottomSheet, allowTapWhenOffline, }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHeading, onOpenBottomSheet, onCloseBottomSheet, allowTapWhenOffline, }: ButtonGroupProps): React.JSX.Element;
 export declare namespace ButtonGroup {
     var PrimaryAction: typeof import("./ButtonGroupAction").PrimaryAction;
     var SecondaryAction: typeof import("./ButtonGroupAction").SecondaryAction;

package/dist/types/src/ButtonGroup/ButtonGroupAction.d.ts

@@ -1,4 +1,5 @@
 import type { IconColorNames, IconNames } from "@jobber/design";
+import React, { type ReactElement } from "react";
 import type { ButtonType, ButtonVariation } from "../Button";
 export interface ButtonGroupActionProps {
     /**
@@ -39,8 +40,8 @@ export interface ButtonGroupPrimaryActionProps extends ButtonGroupActionProps {
     /**
      * Optional custom button that can be rendered in place of the primary action button
      */
-    customButton?: JSX.Element;
+    customButton?: ReactElement;
     loading?: boolean;
 }
-export declare function PrimaryAction(_: ButtonGroupPrimaryActionProps): JSX.Element;
-export declare function SecondaryAction(_: ButtonGroupSecondaryActionProps): JSX.Element;
+export declare function PrimaryAction(_: ButtonGroupPrimaryActionProps): React.JSX.Element;
+export declare function SecondaryAction(_: ButtonGroupSecondaryActionProps): React.JSX.Element;

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

@@ -1,13 +1,14 @@
 import type { RefObject } from "react";
+import React from "react";
 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;
     readonly onCloseBottomSheet?: () => void;
 }
-export declare function SecondaryActionSheet({ actions, secondaryActionsRef, heading, showCancel, onOpenBottomSheet, onCloseBottomSheet, }: SecondaryActionSheetProps): JSX.Element;
+export declare function SecondaryActionSheet({ actions, secondaryActionsRef, heading, showCancel, onOpenBottomSheet, onCloseBottomSheet, }: SecondaryActionSheetProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { IconNames } from "@jobber/design";
 import type { XOR } from "ts-xor";
 interface CardProps {
@@ -36,5 +37,5 @@ interface ButtonAction {
     readonly label: string;
 }
 export type CardAction = XOR<IconAction, ButtonAction>;
-export declare function Card({ header, footer, children, reportCardHeight: onCardHeightChange, testID, error, elevation, }: CardProps): JSX.Element;
+export declare function Card({ header, footer, children, reportCardHeight: onCardHeightChange, testID, error, elevation, }: CardProps): React.JSX.Element;
 export {};

package/dist/types/src/Card/components/InternalCardHeader.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface InternalCardHeaderProps {
     readonly children: ReactNode[] | ReactNode;
     readonly onPress?: () => void;
     readonly testID?: string;
     readonly collapsable: boolean;
 }
-export declare function InternalCardHeader({ onPress, children, testID, collapsable, }: InternalCardHeaderProps): JSX.Element;
+export declare function InternalCardHeader({ onPress, children, testID, collapsable, }: InternalCardHeaderProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { XOR } from "ts-xor";
 interface CommonCheckboxProps {
     /**
@@ -54,5 +55,5 @@ interface UncontrolledCheckboxProps extends CommonCheckboxProps {
     readonly name: string;
 }
 export type CheckboxProps = XOR<ControlledCheckboxProps, UncontrolledCheckboxProps>;
-export declare function Checkbox(props: CheckboxProps): JSX.Element;
+export declare function Checkbox(props: CheckboxProps): React.JSX.Element;
 export {};

package/dist/types/src/Checkbox/CheckboxGroup.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { XOR } from "ts-xor";
 import type { CheckboxProps } from "./Checkbox";
 import type { CheckboxElement, CheckboxGroupState } from "./types";
@@ -17,5 +18,5 @@ interface UncontrolledCheckboxGroupProps extends CommonCheckboxGroupProps {
     name: string;
 }
 export type CheckboxGroupProps = XOR<UncontrolledCheckboxGroupProps, ControlledCheckboxGroupProps>;
-export declare function CheckboxGroup({ children, state, onChange, name, ...rest }: CheckboxGroupProps): JSX.Element;
+export declare function CheckboxGroup({ children, state, onChange, name, ...rest }: CheckboxGroupProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { AccessibilityRole } from "react-native";
 import type { IconNames } from "@jobber/design";
 export type AccentType = "client" | "invoice" | "job" | "request" | "quote";
@@ -41,4 +42,4 @@ export interface ChipProps {
      */
     readonly accent?: AccentType;
 }
-export declare function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBackgroundColor, accessibilityLabel, accessibilityRole, accent, }: ChipProps): JSX.Element;
+export declare function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBackgroundColor, accessibilityLabel, accessibilityRole, accent, }: ChipProps): React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 export type Spacing = "none" | "base" | "small" | "smaller" | "smallest" | "large";
 export interface ContentUnsafeStyle {
@@ -26,4 +27,4 @@ export interface ContentProps {
      */
     readonly UNSAFE_style?: ContentUnsafeStyle;
 }
-export declare function Content({ children, spacing, childSpacing, direction, UNSAFE_style, }: ContentProps): JSX.Element;
+export declare function Content({ children, spacing, childSpacing, direction, UNSAFE_style, }: ContentProps): React.JSX.Element;

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/Disclosure/Disclosure.d.ts

@@ -31,5 +31,5 @@ interface DisclosureProps {
      */
     onToggle(): void;
 }
-export declare function Disclosure({ content, header, open, onToggle, isEmpty, animationDuration, }: DisclosureProps): JSX.Element;
+export declare function Disclosure({ content, header, open, onToggle, isEmpty, animationDuration, }: DisclosureProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface DividerProps {
     /**
      * The weight of the divider.
@@ -16,5 +17,5 @@ interface DividerProps {
      */
     readonly testID?: string;
 }
-export declare function Divider({ size, direction, testID, }: DividerProps): JSX.Element;
+export declare function Divider({ size, direction, testID, }: DividerProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import type { IconColorNames, IconNames } from "@jobber/design";
+import React from "react";
 interface Action {
     label: string;
     onPress: () => void;
@@ -30,5 +31,5 @@ export interface EmptyStateProps {
      */
     readonly secondaryAction?: Action;
 }
-export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, iconColor, }: EmptyStateProps): JSX.Element;
+export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, iconColor, }: EmptyStateProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 type WrapForTypes = "card" | "default";
 interface ErrorMessageWrapperProps {
     /**
@@ -17,5 +18,5 @@ interface ErrorMessageWrapperProps {
  *
  * This component is internal to Atlantis and shouldn't be used outside of it.
  */
-export declare function ErrorMessageWrapper({ message, wrapFor, children, }: ErrorMessageWrapperProps): JSX.Element;
+export declare function ErrorMessageWrapper({ message, wrapFor, children, }: ErrorMessageWrapperProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface ErrorMessageProviderProps {
     readonly children: ReactNode;
 }
-export declare function ErrorMessageProvider({ children, }: ErrorMessageProviderProps): JSX.Element;
+export declare function ErrorMessageProvider({ children }: ErrorMessageProviderProps): React.JSX.Element;
 export {};

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/Flex/Flex.d.ts

@@ -1,3 +1,4 @@
 import type { PropsWithChildren } from "react";
+import React from "react";
 import type { FlexProps } from "./types";
-export declare function Flex({ template, align, gap, children, }: PropsWithChildren<FlexProps>): JSX.Element;
+export declare function Flex({ template, align, gap, children, }: PropsWithChildren<FlexProps>): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { FieldValues } from "react-hook-form";
 import type { FormProps } from "./types";
-export declare function Form<T extends FieldValues, S>({ initialLoading, ...rest }: FormProps<T, S>): JSX.Element;
+export declare function Form<T extends FieldValues, S>({ initialLoading, ...rest }: FormProps<T, S>): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React, { type ReactElement } from "react";
 import type { SecondaryActionProp } from "../../types";
 export interface FormActionBarProps {
     readonly keyboardHeight: number;
@@ -5,8 +6,8 @@ export interface FormActionBarProps {
     readonly saveButtonLabel?: string;
     readonly submit: () => Promise<void> | void;
     readonly setSaveButtonHeight?: (height: number) => void;
-    readonly renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => JSX.Element;
+    readonly renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => ReactElement;
     readonly secondaryActions?: SecondaryActionProp[];
     readonly setSecondaryActionLoading?: (bool: boolean) => void;
 }
-export declare function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }: FormActionBarProps): JSX.Element;
+export declare function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }: FormActionBarProps): React.JSX.Element;

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

@@ -1,9 +1,10 @@
+import React, { type ReactElement } from "react";
 import type { FormActionBarProps } from "../FormActionBar";
 interface FormBodyProps extends FormActionBarProps {
-    readonly children: JSX.Element;
+    readonly children: ReactElement;
     readonly shouldRenderActionBar?: boolean;
     readonly saveButtonOffset?: number;
 }
-export declare function FormBody({ isFormSubmitting, submit, keyboardHeight, children, saveButtonLabel, renderStickySection, shouldRenderActionBar, secondaryActions, setSecondaryActionLoading, setSaveButtonHeight, saveButtonOffset, }: FormBodyProps): JSX.Element;
+export declare function FormBody({ isFormSubmitting, submit, keyboardHeight, children, saveButtonLabel, renderStickySection, shouldRenderActionBar, secondaryActions, setSecondaryActionLoading, setSaveButtonHeight, saveButtonOffset, }: FormBodyProps): React.JSX.Element;
 export declare function useBottomPadding(): number;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { DeepPartial, FieldValues } from "react-hook-form";
 interface FormCacheProps<T extends FieldValues> {
     readonly localCacheId?: string | string[];
@@ -5,5 +6,5 @@ interface FormCacheProps<T extends FieldValues> {
     readonly localCacheExclude?: string[];
     readonly setLocalCache: (data: DeepPartial<T>) => void;
 }
-export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): JSX.Element;
+export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): React.JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { FormBannerErrors } from "../../types";
-export declare function FormErrorBanner({ networkError, bannerError, }: FormBannerErrors): JSX.Element;
+export declare function FormErrorBanner({ networkError, bannerError, }: FormBannerErrors): React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare function FormMask(): JSX.Element;
+import React from "react";
+export declare function FormMask(): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { EmptyStateProps } from "../../../EmptyState";
 type FormMessageData = EmptyStateProps;
 /**
@@ -11,7 +12,7 @@ type FormMessageData = EmptyStateProps;
  * recent message.
  */
 export declare const FormMessage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     show(messageData: FormMessageData): void;
     close(): void;
 };

package/dist/types/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import type { EmptyStateProps } from "../../../../../EmptyState";
 interface FormMessageProps {
     readonly data: EmptyStateProps;
     readonly onRequestClose: () => void;
 }
-export declare function InternalFormMessage({ data, onRequestClose, }: FormMessageProps): JSX.Element;
+export declare function InternalFormMessage({ data, onRequestClose, }: FormMessageProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
+import React from "react";
 import type { FormBannerMessage } from "../../types";
 interface FormMessageBannerProps {
     readonly bannerMessages?: FormBannerMessage[];
 }
-export declare function FormMessageBanner({ bannerMessages, }: FormMessageBannerProps): JSX.Element;
+export declare function FormMessageBanner({ bannerMessages }: FormMessageBannerProps): React.JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { FormSaveButtonProps } from "../../types";
-export declare function FormSaveButton({ primaryAction, loading, label, secondaryActions, setSecondaryActionLoading, onOpenBottomSheet, onCloseBottomSheet, }: FormSaveButtonProps): JSX.Element;
+export declare function FormSaveButton({ primaryAction, loading, label, secondaryActions, setSecondaryActionLoading, onOpenBottomSheet, onCloseBottomSheet, }: FormSaveButtonProps): React.JSX.Element;

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"> & {
-    scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<InternalFormProps<T, SubmitResponseType>, "mode" | "reValidateMode" | "initialValues" | "formRef" | "localCacheKey" | "localCacheExclude" | "localCacheId" | "UNSAFE_allowDiscardLocalCacheWhenOffline"> & {
+    scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
     readonly saveButtonHeight: number;
     readonly messageBannerHeight: number;
 };
@@ -12,8 +12,8 @@ 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, }: UseInternalFormProps<T, SubmitResponseType>): UseInternalForm<T>;
+export declare function useInternalForm<T extends FieldValues, SubmitResponseType>({ mode, reValidateMode, initialValues, formRef, localCacheKey, localCacheId, scrollViewRef, saveButtonHeight, messageBannerHeight, UNSAFE_allowDiscardLocalCacheWhenOffline, }: UseInternalFormProps<T, SubmitResponseType>): UseInternalForm<T>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { MutableRefObject, 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
      */
@@ -106,7 +106,7 @@ export interface FormProps<T extends FieldValues, SubmitResponseType> {
      * @deprecated use `secondaryAction` instead.
      * Override default save button in the sticky section of the form with another element.
      */
-    renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => JSX.Element;
+    renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => ReactElement;
     /**
      * Adding a key will save a local copy of the form data that will be used to
      * recover values when the app is backgrounded or has crashed.
@@ -131,6 +131,12 @@ export interface FormProps<T extends FieldValues, SubmitResponseType> {
      * If a user opens the same form the data will only be loaded if the `localCacheId` matches
      */
     localCacheId?: string | string[];
+    /**
+     * If true, the local cache will be removed when the user navigates away from
+     * the dirty form even when offline. By default, cache is only removed on back when online.
+     * Defaults to false.
+     */
+    UNSAFE_allowDiscardLocalCacheWhenOffline?: boolean;
     /**
      * Secondary Action for ButtonGroup
      */

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

@@ -20,5 +20,5 @@ interface FormFieldProps<T> {
      */
     readonly validations?: RegisterOptions;
 }
-export declare function FormField<T>({ name, children, defaultValue: value, validations, }: FormFieldProps<T>): JSX.Element;
+export declare function FormField<T>({ name, children, defaultValue: value, validations, }: FormFieldProps<T>): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
 import type { CreateThumbnail, File, FileUpload, FormattedFile } from "./types";
 export interface FormatFileProps<T> {
@@ -43,4 +44,4 @@ export interface FormatFileProps<T> {
     readonly showFileTypeIndicator?: boolean;
     readonly createThumbnail?: CreateThumbnail;
 }
-export declare function FormatFile<T extends File | FileUpload>({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid, testID, showFileTypeIndicator, createThumbnail, onPreviewPress, }: FormatFileProps<T>): JSX.Element;
+export declare function FormatFile<T extends File | FileUpload>({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid, testID, showFileTypeIndicator, createThumbnail, onPreviewPress, }: FormatFileProps<T>): React.JSX.Element;