@jobber/components-native 0.38.0 → 0.40.0

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

@@ -3,7 +3,7 @@ export interface AtlantisContextProps {
     /**
      * The date format Atlantis components would use
      */
-    readonly dateFormat?: string;
+    readonly dateFormat: string;
     /**
      * The time format Atlantis components would use
      */
@@ -30,6 +30,12 @@ export interface AtlantisContextProps {
      * The currency symbol Atlantis components will use
      */
     readonly currencySymbol: string;
+    /**
+     * The `headerHeight` property represents the height of the app header in Atlantis.
+     * It plays a crucial role in determining the positioning of various elements within the app.
+     * By accurately defining this value, Atlantis can effectively calculate the layout and alignment of its components.
+     */
+    readonly headerHeight: number;
 }
 export declare const defaultValues: AtlantisContextProps;
 export declare const AtlantisContext: import("react").Context<AtlantisContextProps>;

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

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

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

@@ -0,0 +1,31 @@
+export declare const styles: {
+    container: {
+        flex: number;
+        flexGrow: number;
+        width: string;
+    };
+    safeArea: {
+        backgroundColor: string;
+    };
+    scrollContentContainer: {
+        flexGrow: number;
+    };
+    scrollView: {
+        flexGrow: number;
+    };
+    formChildContainer: {
+        flexGrow: number;
+        justifyContent: "flex-start";
+    };
+    formContent: {
+        paddingVertical: number;
+    };
+    fixedSaveButton: {
+        padding: number;
+        backgroundColor: string;
+    };
+    activityIndicator: {
+        marginVertical: number;
+        flex: number;
+    };
+};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SecondaryActionProp } from "../../types";
+export interface FormActionBarProps {
+    readonly keyboardHeight: number;
+    readonly isFormSubmitting: boolean;
+    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 secondaryActions?: SecondaryActionProp[];
+    readonly setSecondaryActionLoading?: (bool: boolean) => void;
+}
+export declare function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }: FormActionBarProps): JSX.Element;

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

@@ -0,0 +1,15 @@
+export declare const styles: {
+    saveButton: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        padding: number;
+        backgroundColor: string;
+        width: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { FormActionBar } from "./FormActionBar";
+export type { FormActionBarProps } from "./FormActionBar";

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

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

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

@@ -0,0 +1,24 @@
+export declare const styles: {
+    container: {
+        flex: number;
+        flexGrow: number;
+        width: string;
+    };
+    safeArea: {
+        backgroundColor: string;
+    };
+    scrollContentContainer: {
+        flexGrow: number;
+    };
+    scrollView: {
+        flexGrow: number;
+    };
+    formChildContainer: {
+        flexGrow: number;
+        justifyContent: "flex-start";
+    };
+    activityIndicator: {
+        marginVertical: number;
+        flex: number;
+    };
+};

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FieldValues } from "react-hook-form";
+interface FormCacheProps<T extends FieldValues> {
+    localCacheId?: string | string[];
+    localCacheKey?: string;
+    localCacheExclude?: string[];
+    setLocalCache: (data: T) => void;
+}
+export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormBannerErrors } from "../../types";
+export declare function FormErrorBanner({ networkError, bannerError, }: FormBannerErrors): JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+export declare const messages: {
+    networkError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    offlineError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FormMask(): JSX.Element;

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

@@ -0,0 +1,13 @@
+export declare const styles: {
+    mask: {
+        zIndex: number;
+        width: string;
+        height: string;
+        position: "absolute";
+        top: number;
+        left: number;
+        backgroundColor: string;
+        padding: number;
+        justifyContent: "center";
+    };
+};

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { EmptyStateProps } from "../../../EmptyState";
+type FormMessageData = EmptyStateProps;
+/**
+ * Show a message that takes over the whole screen to the user. This provides a
+ * more urgent feedback when the user does an action that requires attention
+ * their full attention.
+ *
+ * By default, rendering `<FormMessage />` on a screen won't show any messages
+ * because it's only a container. Use `FormMessage.open(...)`. to show a
+ * message to the user. Use `FormMessage.close()` to close the most
+ * recent message.
+ */
+export declare const FormMessage: {
+    (): JSX.Element;
+    show(messageData: FormMessageData): void;
+    close(): void;
+};
+export {};

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

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

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

@@ -0,0 +1,20 @@
+export declare const styles: {
+    wrapper: {
+        backgroundColor: string;
+        flex: number;
+        justifyContent: "center";
+    };
+    closeAction: {
+        position: "absolute";
+        top: number;
+        right: number;
+        zIndex: number;
+    };
+    scrollWrapper: {
+        height: string;
+    };
+    scrollWrapperContent: {
+        flexGrow: number;
+        justifyContent: "center";
+    };
+};

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

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

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

@@ -0,0 +1,7 @@
+export declare const messages: {
+    goBackButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FormBannerMessage } from "../../types";
+interface FormMessageBannerProps {
+    bannerMessages?: FormBannerMessage[];
+}
+export declare function FormMessageBanner({ bannerMessages, }: FormMessageBannerProps): JSX.Element;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const messages: {
+    saveButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+export declare const KEYBOARD_TOP_PADDING_AUTO_SCROLL = 20;
+export declare const KEYBOARD_SAVE_BUTTON_DISTANCE = 1;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AtlantisFormContextProps } from "./types";
+export declare const defaultValues: {
+    useConfirmBeforeBack: () => import("react").MutableRefObject<() => undefined>;
+    useInternalFormLocalCache: () => {
+        setLocalCache: () => undefined;
+        removeLocalCache: () => undefined;
+    };
+    headerHeight: number;
+};
+export declare const AtlantisFormContext: import("react").Context<AtlantisFormContextProps>;
+export declare function useAtlantisFormContext(): AtlantisFormContextProps;

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

@@ -0,0 +1,2 @@
+export { AtlantisFormContext, useAtlantisFormContext, } from "./AtlantisFormContext";
+export type { AtlantisFormContextProps } from "./types";

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

@@ -0,0 +1,26 @@
+import { MutableRefObject } from "react";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+export interface UseConfirmBeforeBackProps {
+    alwaysPreventBack: boolean;
+    onAcceptEvent?: () => void;
+    shouldShowAlert: boolean;
+    showLostProgressMessage?: boolean;
+}
+interface LocalCacheOptions {
+    /**
+     * Allows the ability to specify that the cached data contains pre-filled data.
+     * By setting this the cached data will only be applied if the same id is based
+     * for the same key. If the id doesn't match the data will be deleted from the
+     * cache.
+     */
+    readonly id?: string | string[];
+}
+export interface AtlantisFormContextProps {
+    useConfirmBeforeBack: (props: UseConfirmBeforeBackProps) => MutableRefObject<() => void>;
+    useInternalFormLocalCache: <TData extends FieldValues>(formMethods: UseFormReturn<TData>, cacheKey?: string, options?: LocalCacheOptions) => {
+        setLocalCache: (data: TData) => void;
+        removeLocalCache: () => void;
+    };
+    headerHeight: number;
+}
+export {};

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

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

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

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

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

@@ -0,0 +1 @@
+export declare function useOfflineHandler(): (callback: () => void, dismiss: () => void) => () => void;

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

@@ -0,0 +1,12 @@
+interface UseSaveButtonPositionReturn {
+    saveButtonPosition: "sticky" | "inline";
+}
+interface UseSaveButtonPositionParams {
+    formContentHeight: number;
+    isBottomSheetOpen: boolean;
+    showStickySaveButton: boolean;
+    keyboardHeight: number;
+    keyboardScreenY: number;
+}
+export declare function useSaveButtonPosition({ formContentHeight, isBottomSheetOpen, showStickySaveButton, keyboardHeight, keyboardScreenY, }: UseSaveButtonPositionParams): UseSaveButtonPositionReturn;
+export {};

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

@@ -0,0 +1,8 @@
+import { EdgeInsets } from "react-native-safe-area-context";
+interface UseScreenInformation {
+    readonly windowHeight: number;
+    readonly headerHeight: number;
+    readonly insets: EdgeInsets;
+}
+export declare function useScreenInformation(): UseScreenInformation;
+export {};

package/dist/types/src/Form/hooks/useScrollToError/index.d.ts

@@ -0,0 +1 @@
+export * from "./useScrollToError";

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

@@ -0,0 +1,10 @@
+import { FieldValues, FormState, UseFormSetFocus } from "react-hook-form";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+interface UseScrollToErrorParams<T extends FieldValues> {
+    readonly formState: FormState<T>;
+    readonly refNode: number | null;
+    readonly setFocus: UseFormSetFocus<T>;
+    readonly scrollToPosition?: KeyboardAwareScrollView["scrollToPosition"];
+}
+export declare function useScrollToError<T extends FieldValues>({ formState: { errors, isValid, submitCount }, refNode, setFocus, scrollToPosition, }: UseScrollToErrorParams<T>): void;
+export {};

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

@@ -0,0 +1,5 @@
+export { Form } from "./Form";
+export { FormMessage } from "./components/FormMessage";
+export type { FormBannerErrors, FormBannerMessage, FormErrors, FormRef, FormValues, SecondaryActionProp, ValidationRulesByFieldPath, } from "./types";
+export { FormSubmitErrorType, FormBannerMessageType } from "./types";
+export * from "./context";

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

@@ -0,0 +1,27 @@
+export declare const messages: {
+    loadingA11YLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    dismissAlertButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    retryAlertButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unavailableNetworkTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unavailableNetworkMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,199 @@
+import { MutableRefObject, RefObject } from "react";
+import { ControllerProps, DeepPartial, FieldPath, FieldValues, Mode, UnpackNestedValue, UseFormReturn } from "react-hook-form";
+import { IconNames } from "@jobber/design";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+export type FormValues<T> = UnpackNestedValue<T>;
+export type FormErrors = FormNetworkErrors | FormUserErrors;
+export type FormBannerMessage = FormWarningMessage | FormNoticeMessage;
+export declare enum FormSubmitErrorType {
+    NetworkError = "NetworkError",
+    UserError = "UserErrors"
+}
+export declare enum FormBannerMessageType {
+    WarningMessage = "WarningMessage",
+    NoticeMessage = "NoticeMessage"
+}
+export interface FormBannerErrors {
+    networkError?: string | undefined;
+    bannerError?: {
+        title: string;
+        messages?: string[];
+    };
+}
+interface FormNetworkErrors {
+    errorType: FormSubmitErrorType.NetworkError;
+    networkErrors: string;
+}
+export interface FormUserErrors {
+    errorType: FormSubmitErrorType.UserError;
+    userErrors: Record<string, string>;
+}
+interface FormWarningMessage {
+    messageType: FormBannerMessageType.WarningMessage;
+    message: string;
+}
+interface FormNoticeMessage {
+    messageType: FormBannerMessageType.NoticeMessage;
+    message: string;
+}
+export type FormRef<T extends FieldValues = FieldValues> = (UseFormReturn<T> & {
+    scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+    saveButtonHeight?: number;
+    messageBannerHeight?: number;
+}) | undefined;
+export interface FormProps<T extends FieldValues, SubmitResponseType> {
+    /**
+     * Content to be passed into the form
+     */
+    children: React.ReactNode;
+    /**
+     * A callback function that is run before invoking onSubmit. Form submission is canceled if the promise resolves to false.
+     */
+    onBeforeSubmit?: (data: FormValues<T>) => Promise<boolean>;
+    /**
+     * A callback function that handles the submission of form data
+     */
+    onSubmit: (data: FormValues<T>) => Promise<SubmitResponseType>;
+    /**
+     * A callback function that handles any error that occurs during "onSubmit"
+     */
+    onSubmitError: (error: FormErrors) => void;
+    /**
+     * A callback function that handles a successful form submission from "onSubmit"
+     */
+    onSubmitSuccess: (data: SubmitResponseType) => void;
+    /**
+     * Network or user errors to be displayed as a banner at the top of the form
+     */
+    bannerErrors?: FormBannerErrors;
+    /**
+     * Status messages to be displayed as a banner at the top of the form
+     */
+    bannerMessages?: FormBannerMessage[];
+    /**
+     * Loading when the initial form data is being fetched
+     */
+    initialLoading?: boolean;
+    /**
+     * The initial values of the form inputs
+     * This should be available as soon as initialLoading is set to false
+     */
+    initialValues?: FormValues<DeepPartial<T>>;
+    /**
+     * When the validation should happen.
+     * Possible values are "onBlur", "onChange", "onSubmit", "onTouched", and "all".
+     * The default value is "onTouched"
+     */
+    mode?: Mode;
+    /**
+     * When the validation after submission should happen.
+     * Possible values are "onBlur", "onChange", and "onSubmit".
+     * The default value is "onChange"
+     */
+    reValidateMode?: Exclude<Mode, "onTouched" | "all">;
+    /**
+     * ref object to access react hook form methods and state
+     */
+    formRef?: MutableRefObject<FormRef<T> | undefined>;
+    /**
+     * Label to be displayed for the save button
+     */
+    saveButtonLabel?: string;
+    /**
+     * @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;
+    /**
+     * 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.
+     */
+    localCacheKey?: string;
+    /**
+     * Forms field names that will not be considered for caching.
+     * Useful for omitting sensitive data.
+     */
+    localCacheExclude?: string[];
+    /**
+     * A string or array of strings that can be used to identify the pre-filled
+     * data on the form. This can be used to support local caching for forms that
+     * prefill data without inadvertently applying the cache at the wrong time.
+     *
+     * For example this can be used to when an object is based on data from
+     * another object (Quote being converted into a Job). This will allow
+     * the user to retrieve data from the cache when trying to create the
+     * same object (same Quote being converted into a Job) following an app crash.
+     *
+     * There is still only one copy of data for each `localCacheKey`.
+     * If a user opens the same form the data will only be loaded if the `localCacheId` matches
+     */
+    localCacheId?: string | string[];
+    /**
+     * Secondary Action for ButtonGroup
+     */
+    secondaryActions?: SecondaryActionProp[];
+    /**
+     * A number that will pull down the save button when the position is sticky.
+     * Useful when there's a footer or content below the form that is pulling
+     * the button up.
+     */
+    saveButtonOffset?: number;
+    /**
+     * Forces to render the sticky save button instead of the inline.
+     * The sticky save button is default for iOS but not for Android due to
+     * limitations. Use this prop with caution on Android.
+     */
+    showStickySaveButton?: boolean;
+    /**
+     * Renders a footer below the save button.
+     */
+    renderFooter?: React.ReactNode;
+}
+export type InternalFormProps<T extends FieldValues, SubmitResponseType> = Omit<FormProps<T, SubmitResponseType>, "initialLoading">;
+export type ValidationRulesByFieldPath<T extends FieldValues> = {
+    [p in FieldPath<T>]: ControllerProps<T, p>["rules"];
+};
+export interface FormSaveButtonProps {
+    /**
+     * Press handler
+     */
+    primaryAction: () => Promise<void> | void;
+    /**
+     * Primary Button is loading
+     */
+    loading: boolean;
+    /**
+     * Label for the save button
+     */
+    label?: string;
+    /**
+     * Props and information regarding the secondary Action button(s)
+     */
+    secondaryActions?: SecondaryActionProp[];
+    /**
+     * Set whether secondary Button is loading
+     */
+    setSecondaryActionLoading?: (bool: boolean) => void;
+    /**
+     * Callback that is called when the secondary actions bottom sheet is opened.
+     */
+    onOpenBottomSheet?: () => void;
+    /**
+     * Callback that is called when the secondary actions bottom sheet is closed.
+     */
+    onCloseBottomSheet?: () => void;
+}
+interface SecondaryActionOnPress {
+    onBeforeSubmit?: () => Promise<boolean>;
+    onSubmit: (formSubmit: FormSaveButtonProps["primaryAction"]) => Promise<void>;
+    onSubmitSuccess?: () => void;
+    onSubmitError?: (error: FormErrors) => void;
+    resetFormOnSubmit?: boolean;
+}
+export interface SecondaryActionProp {
+    label: string;
+    icon?: IconNames | undefined;
+    handleAction: SecondaryActionOnPress;
+    destructive?: boolean;
+}
+export {};