react-native-ui-lib 8.1.1 → 8.1.5

package/src/components/colorSwatch/index.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorsModifiers } from '../../commons/new';
+export interface ColorInfo {
+    index?: number;
+    tintColor?: string;
+    /**
+     * The color result with 6 characters (#FFFFFF and never #FFF)
+     */
+    hexString: string;
+}
+interface Props {
+    /**
+     * The identifier value of the ColorSwatch in a ColorSwatch palette.
+     * Must be different than other ColorSwatches in the same group
+     */
+    value?: string;
+    /**
+     * The color of the ColorSwatch
+     */
+    color?: string;
+    /**
+     * Is the initial state is selected
+     */
+    selected?: boolean;
+    /**
+     * Is the initial state is unavailable
+     */
+    unavailable?: boolean;
+    /**
+     * Is first render should be animated
+     */
+    animated?: boolean;
+    /**
+     * onPress callback
+     */
+    onPress?: (value: string, colorInfo: ColorInfo) => void;
+    index?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    /**
+     * Color swatch size
+     */
+    size?: number;
+}
+export type ColorSwatchProps = Props & ColorsModifiers;
+export declare const SWATCH_MARGIN = 12;
+export declare const SWATCH_SIZE: number;
+declare const _default: React.ForwardRefExoticComponent<((Props & Partial<Record<"transparent" | "black" | "white" | "dark" | "$backgroundDefault" | "$backgroundElevated" | "$backgroundElevatedLight" | "$backgroundNeutralHeavy" | "$backgroundNeutralIdle" | "$backgroundNeutralMedium" | "$backgroundNeutral" | "$backgroundNeutralLight" | "$backgroundPrimaryHeavy" | "$backgroundPrimaryMedium" | "$backgroundPrimaryLight" | "$backgroundGeneralHeavy" | "$backgroundGeneralMedium" | "$backgroundGeneralLight" | "$backgroundSuccessHeavy" | "$backgroundSuccessLight" | "$backgroundWarningHeavy" | "$backgroundWarningLight" | "$backgroundMajorLight" | "$backgroundMajorHeavy" | "$backgroundDangerHeavy" | "$backgroundDangerLight" | "$backgroundDisabled" | "$backgroundDark" | "$backgroundDarkElevated" | "$backgroundDarkActive" | "$backgroundInverted" | "$textDisabled" | "$textDefault" | "$textNeutralHeavy" | "$textNeutral" | "$textNeutralLight" | "$textDefaultLight" | "$textPrimary" | "$textGeneral" | "$textSuccess" | "$textSuccessLight" | "$textMajor" | "$textDanger" | "$textDangerLight" | "$iconDefault" | "$iconNeutral" | "$iconDefaultLight" | "$iconPrimary" | "$iconPrimaryLight" | "$iconGeneral" | "$iconGeneralLight" | "$iconSuccess" | "$iconSuccessLight" | "$iconMajor" | "$iconDanger" | "$iconDangerLight" | "$iconDisabled" | "$outlineDefault" | "$outlineDisabled" | "$outlineDisabledHeavy" | "$outlineNeutral" | "$outlineNeutralHeavy" | "$outlinePrimary" | "$outlinePrimaryMedium" | "$outlineGeneral" | "$outlineWarning" | "$outlineDanger" | "$outlineInverted" | "$black" | "$white" | "grey1" | "grey5" | "grey10" | "grey20" | "grey30" | "grey40" | "grey50" | "grey60" | "grey70" | "grey80" | "blue1" | "blue5" | "blue10" | "blue20" | "blue30" | "blue40" | "blue50" | "blue60" | "blue70" | "blue80" | "cyan10" | "cyan20" | "cyan30" | "cyan40" | "cyan50" | "cyan60" | "cyan70" | "cyan80" | "green1" | "green5" | "green10" | "green20" | "green30" | "green40" | "green50" | "green60" | "green70" | "green80" | "yellow1" | "yellow5" | "yellow10" | "yellow20" | "yellow30" | "yellow40" | "yellow50" | "yellow60" | "yellow70" | "yellow80" | "orange1" | "orange5" | "orange10" | "orange20" | "orange30" | "orange40" | "orange50" | "orange60" | "orange70" | "orange80" | "red1" | "red5" | "red10" | "red20" | "red30" | "red40" | "red50" | "red60" | "red70" | "red80" | "purple1" | "purple5" | "purple10" | "purple20" | "purple30" | "purple40" | "purple50" | "purple60" | "purple70" | "purple80" | "violet1" | "violet5" | "violet10" | "violet20" | "violet30" | "violet40" | "violet50" | "violet60" | "violet70" | "violet80", boolean>>) | Omit<Props & import("../../commons/modifiers").CustomModifier, "ref">) & React.RefAttributes<any>>;
+export default _default;

package/src/components/connectionStatusBar/index.d.ts

@@ -0,0 +1,33 @@
+import React, { PureComponent } from 'react';
+import { ConnectionStatusBarProps, ConnectionStatusBarState } from './types';
+export { ConnectionStatusBarProps };
+/**
+ * @description: Top bar to show a "no internet" connection status. Note: Run on real device for best results
+ * @image: https://user-images.githubusercontent.com/33805983/34683190-f3b1904c-f4a9-11e7-9d46-9a340bd35448.png, https://user-images.githubusercontent.com/33805983/34484206-edc6c6e4-efcb-11e7-88b2-cd394c19dd5e.png
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/ConnectionStatusBarScreen.tsx
+ * @notes: The component requires installing the '@react-native-community/netinfo' native library
+ */
+declare class ConnectionStatusBar extends PureComponent<ConnectionStatusBarProps, ConnectionStatusBarState> {
+    static displayName: string;
+    static defaultProps: {
+        label: string;
+        allowDismiss: boolean;
+        useAbsolutePosition: boolean;
+    };
+    styles?: any;
+    unsubscribe?: any;
+    static onConnectionLost?: () => void;
+    static registerGlobalOnConnectionLost(callback: () => void): void;
+    static unregisterGlobalOnConnectionLost(): void;
+    constructor(props: ConnectionStatusBarProps);
+    generateStyles(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onConnectionChange(state: ConnectionStatusBarState): void;
+    getInitialConnectionState(): Promise<void>;
+    isStateConnected(state: ConnectionStatusBarState): boolean;
+    render(): false | React.JSX.Element;
+}
+export { ConnectionStatusBar };
+declare const _default: React.ForwardRefExoticComponent<ConnectionStatusBarProps & React.RefAttributes<any>> & typeof ConnectionStatusBar;
+export default _default;

package/src/components/connectionStatusBar/types.d.ts

@@ -0,0 +1,28 @@
+export type ConnectionStatusBarProps = {
+    /**
+     * Text to show as the status
+     */
+    label?: string;
+    /**
+     * Handler to get connection change events propagation
+     */
+    onConnectionChange?: (isConnected: boolean, isInitial: boolean) => void;
+    /**
+     * Text to show as the status
+     */
+    allowDismiss?: boolean;
+    /**
+     * Use absolute position for the component
+     */
+    useAbsolutePosition?: boolean;
+};
+export type ConnectionStatusBarState = {
+    type?: string;
+    isConnected: boolean;
+    isCancelled: boolean;
+};
+export declare const DEFAULT_PROPS: {
+    label: string;
+    allowDismiss: boolean;
+    useAbsolutePosition: boolean;
+};

package/src/components/dash/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+export type Layout = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export interface DashProps extends ViewProps {
+    vertical?: boolean;
+    gap?: number;
+    length?: number;
+    thickness?: number;
+    color?: string;
+    style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+declare const Dash: (props: DashProps) => React.JSX.Element;
+export default Dash;

package/src/components/dateTimePicker/DateTimePicker.driver.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from '../../testkit';
+export declare const DateTimePickerDriver: (props: ComponentProps) => {
+    open: () => void;
+    close: () => void;
+    select: () => void;
+    changeDateTo: (date: Date) => void;
+};

package/src/components/dateTimePicker/index.d.ts

@@ -0,0 +1,288 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { BaseComponentInjectedProps } from '../../commons/new';
+import { TextFieldProps } from '../textField';
+import type { DialogProps } from '../dialog';
+import { ButtonProps } from '../button';
+import { OldApiProps } from './useOldApi';
+export type DateTimePickerMode = 'date' | 'time';
+export type DateTimePickerProps = OldApiProps & Omit<TextFieldProps, 'value' | 'onChange'> & {
+    /**
+     * The type of picker to display ('date' or 'time')
+     */
+    mode?: DateTimePickerMode;
+    /**
+     * The initial value to set the picker to. Defaults to device's date / time
+     */
+    value?: Date;
+    /**
+     *  The props to pass to the dialog expandable container
+     */
+    dialogProps?: DialogProps;
+    /**
+     * The onChange callback
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * Should this input be editable or disabled
+     */
+    editable?: boolean;
+    /**
+     * The minimum date or time value to use
+     */
+    minimumDate?: Date;
+    /**
+     * The maximum date or time value to use
+     */
+    maximumDate?: Date;
+    /**
+     * A callback function to format the time or date
+     * @param mode the type of the picker ('date' or 'time')
+     * @returns the formatted string to display
+     */
+    dateTimeFormatter?: (value: Date, mode: DateTimePickerMode) => string;
+    /**
+     * Allows changing of the locale of the component (iOS only)
+     */
+    locale?: string;
+    /**
+     * Allows changing of the time picker to a 24 hour format (Android only)
+     */
+    is24Hour?: boolean;
+    /**
+     * The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 (iOS only)
+     */
+    minuteInterval?: number;
+    /**
+     * Allows changing of the timeZone of the date picker. By default it uses the device's time zone (iOS only)
+     */
+    timeZoneOffsetInMinutes?: number;
+    /**
+     * style to apply to the iOS dialog header
+     */
+    headerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Render custom input
+     */
+    renderInput?: (props: Omit<DateTimePickerProps, 'value'> & {
+        value?: string;
+    }) => React.ReactElement;
+    /**
+     * Override system theme variant (dark or light mode) used by the date picker.
+     */
+    themeVariant?: 'light' | 'dark';
+    /**
+     * The component testID
+     */
+    testID?: string;
+    /**
+     * Allows changing the visual display of the picker
+     */
+    display?: string;
+    /**
+     * Text color of the wheel picker items
+     */
+    textColor?: string;
+    /**
+     * Background color of the wheel picker
+     */
+    backgroundColor?: string;
+    /**
+     * Confirm button props
+     */
+    confirmButtonProps?: ButtonProps;
+    /**
+     * Cancel button props
+     */
+    cancelButtonProps?: ButtonProps;
+};
+/**
+ * @description: Date and Time Picker Component that wraps RNDateTimePicker for date and time modes.
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/DateTimePickerScreen.tsx
+ * @important: DateTimePicker uses a native library. You MUST add and link the native library to both iOS and Android projects.
+ * @extends: TextField, react-native-community/datetimepicker
+ * @extendsLink: https://github.com/react-native-community/react-native-datetimepicker#react-native-datetimepicker
+ * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/DateTimePicker/DateTimePicker_iOS.gif?raw=true, https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/DateTimePicker/DateTimePicker_Android.gif?raw=true
+ */
+declare const DateTimePicker: React.ForwardRefExoticComponent<OldApiProps & Omit<TextFieldProps, "value" | "onChange"> & {
+    /**
+     * The type of picker to display ('date' or 'time')
+     */
+    mode?: DateTimePickerMode | undefined;
+    /**
+     * The initial value to set the picker to. Defaults to device's date / time
+     */
+    value?: Date | undefined;
+    /**
+     *  The props to pass to the dialog expandable container
+     */
+    dialogProps?: DialogProps | undefined;
+    /**
+     * The onChange callback
+     */
+    onChange?: ((date: Date) => void) | undefined;
+    /**
+     * Should this input be editable or disabled
+     */
+    editable?: boolean | undefined;
+    /**
+     * The minimum date or time value to use
+     */
+    minimumDate?: Date | undefined;
+    /**
+     * The maximum date or time value to use
+     */
+    maximumDate?: Date | undefined;
+    /**
+     * A callback function to format the time or date
+     * @param mode the type of the picker ('date' or 'time')
+     * @returns the formatted string to display
+     */
+    dateTimeFormatter?: ((value: Date, mode: DateTimePickerMode) => string) | undefined;
+    /**
+     * Allows changing of the locale of the component (iOS only)
+     */
+    locale?: string | undefined;
+    /**
+     * Allows changing of the time picker to a 24 hour format (Android only)
+     */
+    is24Hour?: boolean | undefined;
+    /**
+     * The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 (iOS only)
+     */
+    minuteInterval?: number | undefined;
+    /**
+     * Allows changing of the timeZone of the date picker. By default it uses the device's time zone (iOS only)
+     */
+    timeZoneOffsetInMinutes?: number | undefined;
+    /**
+     * style to apply to the iOS dialog header
+     */
+    headerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Render custom input
+     */
+    renderInput?: ((props: Omit<DateTimePickerProps, 'value'> & {
+        value?: string;
+    }) => React.ReactElement) | undefined;
+    /**
+     * Override system theme variant (dark or light mode) used by the date picker.
+     */
+    themeVariant?: "light" | "dark" | undefined;
+    /**
+     * The component testID
+     */
+    testID?: string | undefined;
+    /**
+     * Allows changing the visual display of the picker
+     */
+    display?: string | undefined;
+    /**
+     * Text color of the wheel picker items
+     */
+    textColor?: string | undefined;
+    /**
+     * Background color of the wheel picker
+     */
+    backgroundColor?: string | undefined;
+    /**
+     * Confirm button props
+     */
+    confirmButtonProps?: ButtonProps | undefined;
+    /**
+     * Cancel button props
+     */
+    cancelButtonProps?: ButtonProps | undefined;
+} & BaseComponentInjectedProps & React.RefAttributes<any>>;
+export { DateTimePicker };
+declare const _default: React.ForwardRefExoticComponent<OldApiProps & Omit<TextFieldProps, "value" | "onChange"> & {
+    /**
+     * The type of picker to display ('date' or 'time')
+     */
+    mode?: DateTimePickerMode | undefined;
+    /**
+     * The initial value to set the picker to. Defaults to device's date / time
+     */
+    value?: Date | undefined;
+    /**
+     *  The props to pass to the dialog expandable container
+     */
+    dialogProps?: DialogProps | undefined;
+    /**
+     * The onChange callback
+     */
+    onChange?: ((date: Date) => void) | undefined;
+    /**
+     * Should this input be editable or disabled
+     */
+    editable?: boolean | undefined;
+    /**
+     * The minimum date or time value to use
+     */
+    minimumDate?: Date | undefined;
+    /**
+     * The maximum date or time value to use
+     */
+    maximumDate?: Date | undefined;
+    /**
+     * A callback function to format the time or date
+     * @param mode the type of the picker ('date' or 'time')
+     * @returns the formatted string to display
+     */
+    dateTimeFormatter?: ((value: Date, mode: DateTimePickerMode) => string) | undefined;
+    /**
+     * Allows changing of the locale of the component (iOS only)
+     */
+    locale?: string | undefined;
+    /**
+     * Allows changing of the time picker to a 24 hour format (Android only)
+     */
+    is24Hour?: boolean | undefined;
+    /**
+     * The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 (iOS only)
+     */
+    minuteInterval?: number | undefined;
+    /**
+     * Allows changing of the timeZone of the date picker. By default it uses the device's time zone (iOS only)
+     */
+    timeZoneOffsetInMinutes?: number | undefined;
+    /**
+     * style to apply to the iOS dialog header
+     */
+    headerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Render custom input
+     */
+    renderInput?: ((props: Omit<DateTimePickerProps, "value"> & {
+        value?: string | undefined;
+    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+    /**
+     * Override system theme variant (dark or light mode) used by the date picker.
+     */
+    themeVariant?: "light" | "dark" | undefined;
+    /**
+     * The component testID
+     */
+    testID?: string | undefined;
+    /**
+     * Allows changing the visual display of the picker
+     */
+    display?: string | undefined;
+    /**
+     * Text color of the wheel picker items
+     */
+    textColor?: string | undefined;
+    /**
+     * Background color of the wheel picker
+     */
+    backgroundColor?: string | undefined;
+    /**
+     * Confirm button props
+     */
+    confirmButtonProps?: ButtonProps | undefined;
+    /**
+     * Cancel button props
+     */
+    cancelButtonProps?: ButtonProps | undefined;
+} & React.RefAttributes<any>>;
+export default _default;

package/src/components/dateTimePicker/useOldApi.d.ts

@@ -0,0 +1,27 @@
+export interface OldApiProps {
+    /**
+     * @deprecated
+     * The date format for the text display
+     */
+    dateFormat?: string;
+    /**
+     * @deprecated
+     * A callback function to format date
+     */
+    dateFormatter?: (date: Date) => string;
+    /**
+     * @deprecated
+     * The time format for the text display
+     */
+    timeFormat?: string;
+    /**
+     * @deprecated
+     * A callback function to format time
+     */
+    timeFormatter?: (date: Date) => string;
+}
+type Mode = 'date' | 'time';
+declare const useOldApi: (props: OldApiProps) => {
+    getStringValue: (value: Date, mode: Mode) => string | undefined;
+};
+export default useOldApi;

package/src/components/dialog/Dialog.driver.new.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from '../../testkit/new/Component.driver';
+export declare const DialogDriver: (props: ComponentProps) => {
+    isVisible: () => boolean;
+    pressOnBackground: () => void;
+    exists: () => boolean;
+};

package/src/components/dialog/DialogHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DialogHeaderProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<any>>;
+export default _default;

package/src/components/dialog/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import DialogHeader from './DialogHeader';
+import { DialogProps, DialogDirections, DialogDirectionsEnum, DialogHeaderProps } from './types';
+export { DialogProps, DialogDirections, DialogDirectionsEnum, DialogHeaderProps };
+export interface DialogStatics {
+    directions: typeof DialogDirectionsEnum;
+    Header: typeof DialogHeader;
+}
+export interface DialogImperativeMethods {
+    dismiss: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<import("./types")._DialogProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>> & DialogStatics;
+export default _default;

package/src/components/dialog/types.d.ts

@@ -0,0 +1,138 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { type DimensionValue, type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import { AlignmentModifiers } from '../../commons/modifiers';
+import { ButtonProps } from '../../components/button';
+import { ModalProps } from '../../components/modal';
+import { PanningDirections, PanningDirectionsEnum } from '../panView';
+import { TextProps } from '../../components/text';
+import { ViewProps } from '../../components/view';
+type DialogDirections = PanningDirections;
+declare const DialogDirectionsEnum: typeof PanningDirectionsEnum;
+export { DialogDirections, DialogDirectionsEnum };
+export interface DialogHeaderProps extends ViewProps {
+    /**
+     * Title
+     */
+    title?: string;
+    /**
+     * Title text style
+     */
+    titleStyle?: StyleProp<TextStyle>;
+    /**
+     * Title extra props
+     */
+    titleProps?: TextProps;
+    /**
+     * Subtitle
+     */
+    subtitle?: string;
+    /**
+     * Subtitle text style
+     */
+    subtitleStyle?: StyleProp<TextStyle>;
+    /**
+     * Subtitle extra props
+     */
+    subtitleProps?: TextProps;
+    /**
+     * Show the header's knob (default is true)
+     */
+    showKnob?: boolean;
+    /**
+     * Show the header's divider (default is true)
+     */
+    showDivider?: boolean;
+    /**
+     * Pass to render a leading element
+     */
+    leadingAccessory?: ReactElement;
+    /**
+     * Pass to render a trailing element
+     */
+    trailingAccessory?: ReactElement;
+    /**
+     * Pass to render a top element above the title
+     */
+    topAccessory?: ReactElement;
+    /**
+     * Pass to render a bottom element below the subtitle
+     */
+    bottomAccessory?: ReactElement;
+    /**
+     * Style for the leading + content + trailing components (without the topAccessory\bottomAccessory)
+     */
+    contentContainerStyle?: ViewProps['style'];
+    /**
+     * onPress callback for the inner content
+     */
+    onPress?: () => void;
+}
+export interface DialogCloseButtonProps {
+    /**
+     * The Dialog's header (title, subtitle etc)
+     */
+    headerProps?: DialogHeaderProps;
+    /**
+     * The Dialog`s container style (it is set to {position: 'absolute'})
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Extra props for the container
+     */
+    containerProps?: Omit<ViewProps, 'reanimated' | 'animated' | 'style' | 'onLayout' | 'ref' | 'testID'>;
+    /**
+     * Whether to show the close button or not
+     */
+    showCloseButton?: boolean;
+    /**
+     * The close button props
+     */
+    closeButtonProps?: Pick<ButtonProps, 'label' | 'labelProps' | 'iconProps'>;
+}
+export interface _DialogProps extends AlignmentModifiers, Pick<ViewProps, 'useSafeArea'>, DialogCloseButtonProps {
+    /**
+     * The visibility of the dialog.
+     */
+    visible?: boolean;
+    /**
+     * The dialog width.
+     */
+    width?: DimensionValue;
+    /**
+     * The dialog height.
+     */
+    height?: DimensionValue;
+    /**
+     * Callback that is called after the dialog's dismiss (after the animation has ended).
+     */
+    onDismiss?: () => void;
+    /**
+     * The direction from which and to which the dialog is animating \ panning (default down).
+     */
+    direction?: DialogDirections;
+    /**
+     * Whether or not to ignore background press.
+     */
+    ignoreBackgroundPress?: boolean;
+    /**
+     * Additional props for the modal.
+     */
+    modalProps?: ModalProps;
+    /**
+     * Disable animation (default is false)
+     * In some cases you might want to disable the animation (probably for Android only), this is when the dialog is scrollable and has touchable items in the scrollable area.
+     * This is a temporary solution for a reanimated + RN77\8 bug.
+     * See https://github.com/software-mansion/react-native-reanimated/issues/6659 and https://github.com/facebook/react-native/issues/49694
+     */
+    disableAnimation?: boolean;
+    /**
+     * Used to locate this view in end-to-end tests
+     * The container has the unchanged id.
+     * Currently supported inner IDs:
+     * TODO: add missing <TestID>(s?)
+     * <TestID>.modal - the Modal's id.
+     * <TestID>.overlayFadingBackground - the fading background id.
+     */
+    testID?: string;
+}
+export type DialogProps = PropsWithChildren<_DialogProps>;

package/src/components/dialog/useDialogContent.d.ts

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from 'react';
+import { DialogCloseButtonProps } from './types';
+interface InternalDialogCloseButtonProps extends PropsWithChildren<DialogCloseButtonProps> {
+    close: () => void;
+}
+declare const useDialogContent: (props: InternalDialogCloseButtonProps) => {
+    renderDialogContent: () => React.JSX.Element;
+    containerStyle: false | "" | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | (import("react-native").StyleProp<import("react-native").ViewStyle> | {
+        backgroundColor: string;
+    })[] | null | undefined;
+    containerProps: Omit<import("../../components/view").ViewProps, "style" | "testID" | "ref" | "onLayout" | "animated" | "reanimated"> | undefined;
+};
+export default useDialogContent;