@janiscommerce/ui-native/dist/components/molecules/LayoutWithBottomButtons/utils/index.d.ts

components library for Janis app

import { keyColor } from '../../Button';
import { PressableProps, ViewStyle, TextStyle } from 'react-native';
export interface IlayoutButtons extends PressableProps {
    value?: string | null;
    icon?: string;
    iconRight?: boolean;
    disabled?: boolean;
    borderRadius?: number;
    color?: keyColor;
    pressedColor?: string;
    style?: ViewStyle;
    iconStyle?: ViewStyle;
    textStyle?: TextStyle;
    width?: number | string;
    flex?: number;
}
interface IvalidVariants {
    [key: string]: string;
    squared: string;
    rounded: string;
    roundedOnTop: string;
    default: string;
}
export declare const validVariants: IvalidVariants;
export declare const buttonWrapperVariantStyles: (variant: string) => {
    padding?: number | undefined;
};
export declare const parseButtonsStyles: (buttons: Array<IlayoutButtons>, variant: string) => {
    pressedColor: any;
    style: {
        borderRadius?: number;
        height?: number | string;
        backgroundColor: string;
        width: string | number;
        backfaceVisibility?: "visible" | "hidden";
        borderBottomColor?: import("react-native").ColorValue;
        borderBottomEndRadius?: number;
        borderBottomLeftRadius?: number;
        borderBottomRightRadius?: number;
        borderBottomStartRadius?: number;
        borderBottomWidth?: number;
        borderColor?: import("react-native").ColorValue;
        borderEndColor?: import("react-native").ColorValue;
        borderLeftColor?: import("react-native").ColorValue;
        borderLeftWidth?: number;
        borderRightColor?: import("react-native").ColorValue;
        borderRightWidth?: number;
        borderStartColor?: import("react-native").ColorValue;
        borderStyle?: "solid" | "dotted" | "dashed";
        borderTopColor?: import("react-native").ColorValue;
        borderTopEndRadius?: number;
        borderTopLeftRadius?: number;
        borderTopRightRadius?: number;
        borderTopStartRadius?: number;
        borderTopWidth?: number;
        borderWidth?: number;
        opacity?: number;
        testID?: string;
        elevation?: number;
        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around";
        alignItems?: import("react-native").FlexAlignType;
        alignSelf?: "auto" | import("react-native").FlexAlignType;
        aspectRatio?: number;
        borderEndWidth?: number | string;
        borderStartWidth?: number | string;
        bottom?: number | string;
        display?: "none" | "flex";
        end?: number | string;
        flex?: number;
        flexBasis?: number | string;
        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
        flexGrow?: number;
        flexShrink?: number;
        flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
        left?: number | string;
        margin?: number | string;
        marginBottom?: number | string;
        marginEnd?: number | string;
        marginHorizontal?: number | string;
        marginLeft?: number | string;
        marginRight?: number | string;
        marginStart?: number | string;
        marginTop?: number | string;
        marginVertical?: number | string;
        maxHeight?: number | string;
        maxWidth?: number | string;
        minHeight?: number | string;
        minWidth?: number | string;
        overflow?: "visible" | "hidden" | "scroll";
        padding?: number | string;
        paddingBottom?: number | string;
        paddingEnd?: number | string;
        paddingHorizontal?: number | string;
        paddingLeft?: number | string;
        paddingRight?: number | string;
        paddingStart?: number | string;
        paddingTop?: number | string;
        paddingVertical?: number | string;
        position?: "absolute" | "relative";
        right?: number | string;
        start?: number | string;
        top?: number | string;
        zIndex?: number;
        direction?: "inherit" | "ltr" | "rtl";
        shadowColor?: import("react-native").ColorValue;
        shadowOffset?: {
            width: number;
            height: number;
        };
        shadowOpacity?: number;
        shadowRadius?: number;
        transform?: Array<import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform>;
        transformMatrix?: number[];
        rotation?: number;
        scaleX?: number;
        scaleY?: number;
        translateX?: number;
        translateY?: number;
    };
    value?: string | null;
    icon?: string;
    iconRight?: boolean;
    disabled?: boolean;
    borderRadius?: number;
    color?: keyColor;
    iconStyle?: ViewStyle;
    textStyle?: TextStyle;
    width?: number | string;
    flex?: number;
    onPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
    children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
    delayLongPress?: null | number;
    hitSlop?: null | import("react-native").Insets | number;
    pressRetentionOffset?: null | import("react-native").Insets | number;
    android_disableSound?: null | boolean;
    android_ripple?: null | import("react-native").PressableAndroidRippleConfig;
    testOnly_pressed?: null | boolean;
    accessible?: boolean;
    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[];
    accessibilityLabel?: string;
    accessibilityRole?: import("react-native").AccessibilityRole;
    accessibilityState?: import("react-native").AccessibilityState;
    accessibilityHint?: string;
    accessibilityValue?: import("react-native").AccessibilityValue;
    onAccessibilityAction?: (event: import("react-native").AccessibilityActionEvent) => void;
    accessibilityLiveRegion?: "none" | "polite" | "assertive";
    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants";
    accessibilityElementsHidden?: boolean;
    accessibilityViewIsModal?: boolean;
    onAccessibilityEscape?: () => void;
    onAccessibilityTap?: () => void;
    onMagicTap?: () => void;
    accessibilityIgnoresInvertColors?: boolean;
    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
    removeClippedSubviews?: boolean | undefined;
    testID?: string | undefined;
    nativeID?: string | undefined;
    collapsable?: boolean | undefined;
    needsOffscreenAlphaCompositing?: boolean | undefined;
    renderToHardwareTextureAndroid?: boolean | undefined;
    focusable?: boolean | undefined;
    shouldRasterizeIOS?: boolean | undefined;
    isTVSelectable?: boolean | undefined;
    hasTVPreferredFocus?: boolean | undefined;
    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
    tvParallaxShiftDistanceX?: number | undefined;
    tvParallaxShiftDistanceY?: number | undefined;
    tvParallaxTiltAngle?: number | undefined;
    tvParallaxMagnification?: number | undefined;
    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
}[] | {
    flex: number;
    pressedColor: any;
    style: {
        borderRadius?: number;
        height?: number | string;
        backgroundColor: string;
        backfaceVisibility?: "visible" | "hidden";
        borderBottomColor?: import("react-native").ColorValue;
        borderBottomEndRadius?: number;
        borderBottomLeftRadius?: number;
        borderBottomRightRadius?: number;
        borderBottomStartRadius?: number;
        borderBottomWidth?: number;
        borderColor?: import("react-native").ColorValue;
        borderEndColor?: import("react-native").ColorValue;
        borderLeftColor?: import("react-native").ColorValue;
        borderLeftWidth?: number;
        borderRightColor?: import("react-native").ColorValue;
        borderRightWidth?: number;
        borderStartColor?: import("react-native").ColorValue;
        borderStyle?: "solid" | "dotted" | "dashed";
        borderTopColor?: import("react-native").ColorValue;
        borderTopEndRadius?: number;
        borderTopLeftRadius?: number;
        borderTopRightRadius?: number;
        borderTopStartRadius?: number;
        borderTopWidth?: number;
        borderWidth?: number;
        opacity?: number;
        testID?: string;
        elevation?: number;
        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around";
        alignItems?: import("react-native").FlexAlignType;
        alignSelf?: "auto" | import("react-native").FlexAlignType;
        aspectRatio?: number;
        borderEndWidth?: number | string;
        borderStartWidth?: number | string;
        bottom?: number | string;
        display?: "none" | "flex";
        end?: number | string;
        flex?: number;
        flexBasis?: number | string;
        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
        flexGrow?: number;
        flexShrink?: number;
        flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
        left?: number | string;
        margin?: number | string;
        marginBottom?: number | string;
        marginEnd?: number | string;
        marginHorizontal?: number | string;
        marginLeft?: number | string;
        marginRight?: number | string;
        marginStart?: number | string;
        marginTop?: number | string;
        marginVertical?: number | string;
        maxHeight?: number | string;
        maxWidth?: number | string;
        minHeight?: number | string;
        minWidth?: number | string;
        overflow?: "visible" | "hidden" | "scroll";
        padding?: number | string;
        paddingBottom?: number | string;
        paddingEnd?: number | string;
        paddingHorizontal?: number | string;
        paddingLeft?: number | string;
        paddingRight?: number | string;
        paddingStart?: number | string;
        paddingTop?: number | string;
        paddingVertical?: number | string;
        position?: "absolute" | "relative";
        right?: number | string;
        start?: number | string;
        top?: number | string;
        width?: number | string;
        zIndex?: number;
        direction?: "inherit" | "ltr" | "rtl";
        shadowColor?: import("react-native").ColorValue;
        shadowOffset?: {
            width: number;
            height: number;
        };
        shadowOpacity?: number;
        shadowRadius?: number;
        transform?: Array<import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform>;
        transformMatrix?: number[];
        rotation?: number;
        scaleX?: number;
        scaleY?: number;
        translateX?: number;
        translateY?: number;
    };
    value?: string | null;
    icon?: string;
    iconRight?: boolean;
    disabled?: boolean;
    borderRadius?: number;
    color?: keyColor;
    iconStyle?: ViewStyle;
    textStyle?: TextStyle;
    width?: number | string;
    onPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void);
    onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void);
    children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
    delayLongPress?: null | number;
    hitSlop?: null | import("react-native").Insets | number;
    pressRetentionOffset?: null | import("react-native").Insets | number;
    android_disableSound?: null | boolean;
    android_ripple?: null | import("react-native").PressableAndroidRippleConfig;
    testOnly_pressed?: null | boolean;
    accessible?: boolean;
    accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[];
    accessibilityLabel?: string;
    accessibilityRole?: import("react-native").AccessibilityRole;
    accessibilityState?: import("react-native").AccessibilityState;
    accessibilityHint?: string;
    accessibilityValue?: import("react-native").AccessibilityValue;
    onAccessibilityAction?: (event: import("react-native").AccessibilityActionEvent) => void;
    accessibilityLiveRegion?: "none" | "polite" | "assertive";
    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants";
    accessibilityElementsHidden?: boolean;
    accessibilityViewIsModal?: boolean;
    onAccessibilityEscape?: () => void;
    onAccessibilityTap?: () => void;
    onMagicTap?: () => void;
    accessibilityIgnoresInvertColors?: boolean;
    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
    removeClippedSubviews?: boolean | undefined;
    testID?: string | undefined;
    nativeID?: string | undefined;
    collapsable?: boolean | undefined;
    needsOffscreenAlphaCompositing?: boolean | undefined;
    renderToHardwareTextureAndroid?: boolean | undefined;
    focusable?: boolean | undefined;
    shouldRasterizeIOS?: boolean | undefined;
    isTVSelectable?: boolean | undefined;
    hasTVPreferredFocus?: boolean | undefined;
    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
    tvParallaxShiftDistanceX?: number | undefined;
    tvParallaxShiftDistanceY?: number | undefined;
    tvParallaxTiltAngle?: number | undefined;
    tvParallaxMagnification?: number | undefined;
    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
}[];
export {};