@janiscommerce/ui-native

/// <reference types="react" /> 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 | undefined; height?: string | number | undefined; backgroundColor: string; width: string | number; backfaceVisibility?: "visible" | "hidden" | undefined; borderBottomColor?: import("react-native").ColorValue | undefined; borderBottomEndRadius?: number | undefined; borderBottomLeftRadius?: number | undefined; borderBottomRightRadius?: number | undefined; borderBottomStartRadius?: number | undefined; borderBottomWidth?: number | undefined; borderColor?: import("react-native").ColorValue | undefined; borderEndColor?: import("react-native").ColorValue | undefined; borderLeftColor?: import("react-native").ColorValue | undefined; borderLeftWidth?: number | undefined; borderRightColor?: import("react-native").ColorValue | undefined; borderRightWidth?: number | undefined; borderStartColor?: import("react-native").ColorValue | undefined; borderStyle?: "solid" | "dotted" | "dashed" | undefined; borderTopColor?: import("react-native").ColorValue | undefined; borderTopEndRadius?: number | undefined; borderTopLeftRadius?: number | undefined; borderTopRightRadius?: number | undefined; borderTopStartRadius?: number | undefined; borderTopWidth?: number | undefined; borderWidth?: number | undefined; opacity?: number | undefined; testID?: string | undefined; elevation?: number | undefined; alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined; alignItems?: import("react-native").FlexAlignType | undefined; alignSelf?: import("react-native").FlexAlignType | "auto" | undefined; aspectRatio?: number | undefined; borderEndWidth?: string | number | undefined; borderStartWidth?: string | number | undefined; bottom?: string | number | undefined; display?: "none" | "flex" | undefined; end?: string | number | undefined; flex?: number | undefined; flexBasis?: string | number | undefined; flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined; justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined; left?: string | number | undefined; margin?: string | number | undefined; marginBottom?: string | number | undefined; marginEnd?: string | number | undefined; marginHorizontal?: string | number | undefined; marginLeft?: string | number | undefined; marginRight?: string | number | undefined; marginStart?: string | number | undefined; marginTop?: string | number | undefined; marginVertical?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; overflow?: "visible" | "hidden" | "scroll" | undefined; padding?: string | number | undefined; paddingBottom?: string | number | undefined; paddingEnd?: string | number | undefined; paddingHorizontal?: string | number | undefined; paddingLeft?: string | number | undefined; paddingRight?: string | number | undefined; paddingStart?: string | number | undefined; paddingTop?: string | number | undefined; paddingVertical?: string | number | undefined; position?: "absolute" | "relative" | undefined; right?: string | number | undefined; start?: string | number | undefined; top?: string | number | undefined; zIndex?: number | undefined; direction?: "inherit" | "ltr" | "rtl" | undefined; shadowColor?: import("react-native").ColorValue | undefined; shadowOffset?: { width: number; height: number; } | undefined; shadowOpacity?: number | undefined; shadowRadius?: number | undefined; transform?: (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)[] | undefined; transformMatrix?: number[] | undefined; rotation?: number | undefined; scaleX?: number | undefined; scaleY?: number | undefined; translateX?: number | undefined; translateY?: number | undefined; }; value?: string | null | undefined; icon?: string | undefined; iconRight?: boolean | undefined; disabled?: boolean | undefined; borderRadius?: number | undefined; color?: "black" | "primary" | "success" | "error" | "warning" | "alert" | undefined; iconStyle?: ViewStyle | undefined; textStyle?: TextStyle | undefined; width?: string | number | undefined; flex?: number | undefined; onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => import("react").ReactNode); delayLongPress?: number | null | undefined; hitSlop?: number | import("react-native").Insets | null | undefined; pressRetentionOffset?: number | import("react-native").Insets | null | undefined; android_disableSound?: boolean | null | undefined; android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined; testOnly_pressed?: boolean | null | undefined; accessible?: boolean | undefined; accessibilityActions?: readonly Readonly<{ name: string; label?: string | undefined; }>[] | undefined; accessibilityLabel?: string | undefined; accessibilityRole?: import("react-native").AccessibilityRole | undefined; accessibilityState?: import("react-native").AccessibilityState | undefined; accessibilityHint?: string | undefined; accessibilityValue?: import("react-native").AccessibilityValue | undefined; onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined; accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined; importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined; accessibilityElementsHidden?: boolean | undefined; accessibilityViewIsModal?: boolean | undefined; onAccessibilityEscape?: (() => void) | undefined; onAccessibilityTap?: (() => void) | undefined; onMagicTap?: (() => void) | undefined; accessibilityIgnoresInvertColors?: boolean | undefined; onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined; pointerEvents?: "auto" | "none" | "box-none" | "box-only" | 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 | undefined; height?: string | number | undefined; backgroundColor: string; backfaceVisibility?: "visible" | "hidden" | undefined; borderBottomColor?: import("react-native").ColorValue | undefined; borderBottomEndRadius?: number | undefined; borderBottomLeftRadius?: number | undefined; borderBottomRightRadius?: number | undefined; borderBottomStartRadius?: number | undefined; borderBottomWidth?: number | undefined; borderColor?: import("react-native").ColorValue | undefined; borderEndColor?: import("react-native").ColorValue | undefined; borderLeftColor?: import("react-native").ColorValue | undefined; borderLeftWidth?: number | undefined; borderRightColor?: import("react-native").ColorValue | undefined; borderRightWidth?: number | undefined; borderStartColor?: import("react-native").ColorValue | undefined; borderStyle?: "solid" | "dotted" | "dashed" | undefined; borderTopColor?: import("react-native").ColorValue | undefined; borderTopEndRadius?: number | undefined; borderTopLeftRadius?: number | undefined; borderTopRightRadius?: number | undefined; borderTopStartRadius?: number | undefined; borderTopWidth?: number | undefined; borderWidth?: number | undefined; opacity?: number | undefined; testID?: string | undefined; elevation?: number | undefined; alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined; alignItems?: import("react-native").FlexAlignType | undefined; alignSelf?: import("react-native").FlexAlignType | "auto" | undefined; aspectRatio?: number | undefined; borderEndWidth?: string | number | undefined; borderStartWidth?: string | number | undefined; bottom?: string | number | undefined; display?: "none" | "flex" | undefined; end?: string | number | undefined; flex?: number | undefined; flexBasis?: string | number | undefined; flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined; flexGrow?: number | undefined; flexShrink?: number | undefined; flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined; justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined; left?: string | number | undefined; margin?: string | number | undefined; marginBottom?: string | number | undefined; marginEnd?: string | number | undefined; marginHorizontal?: string | number | undefined; marginLeft?: string | number | undefined; marginRight?: string | number | undefined; marginStart?: string | number | undefined; marginTop?: string | number | undefined; marginVertical?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; overflow?: "visible" | "hidden" | "scroll" | undefined; padding?: string | number | undefined; paddingBottom?: string | number | undefined; paddingEnd?: string | number | undefined; paddingHorizontal?: string | number | undefined; paddingLeft?: string | number | undefined; paddingRight?: string | number | undefined; paddingStart?: string | number | undefined; paddingTop?: string | number | undefined; paddingVertical?: string | number | undefined; position?: "absolute" | "relative" | undefined; right?: string | number | undefined; start?: string | number | undefined; top?: string | number | undefined; width?: string | number | undefined; zIndex?: number | undefined; direction?: "inherit" | "ltr" | "rtl" | undefined; shadowColor?: import("react-native").ColorValue | undefined; shadowOffset?: { width: number; height: number; } | undefined; shadowOpacity?: number | undefined; shadowRadius?: number | undefined; transform?: (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)[] | undefined; transformMatrix?: number[] | undefined; rotation?: number | undefined; scaleX?: number | undefined; scaleY?: number | undefined; translateX?: number | undefined; translateY?: number | undefined; }; value?: string | null | undefined; icon?: string | undefined; iconRight?: boolean | undefined; disabled?: boolean | undefined; borderRadius?: number | undefined; color?: "black" | "primary" | "success" | "error" | "warning" | "alert" | undefined; iconStyle?: ViewStyle | undefined; textStyle?: TextStyle | undefined; width?: string | number | undefined; onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined; children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => import("react").ReactNode); delayLongPress?: number | null | undefined; hitSlop?: number | import("react-native").Insets | null | undefined; pressRetentionOffset?: number | import("react-native").Insets | null | undefined; android_disableSound?: boolean | null | undefined; android_ripple?: import("react-native").PressableAndroidRippleConfig | null | undefined; testOnly_pressed?: boolean | null | undefined; accessible?: boolean | undefined; accessibilityActions?: readonly Readonly<{ name: string; label?: string | undefined; }>[] | undefined; accessibilityLabel?: string | undefined; accessibilityRole?: import("react-native").AccessibilityRole | undefined; accessibilityState?: import("react-native").AccessibilityState | undefined; accessibilityHint?: string | undefined; accessibilityValue?: import("react-native").AccessibilityValue | undefined; onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined; accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined; importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined; accessibilityElementsHidden?: boolean | undefined; accessibilityViewIsModal?: boolean | undefined; onAccessibilityEscape?: (() => void) | undefined; onAccessibilityTap?: (() => void) | undefined; onMagicTap?: (() => void) | undefined; accessibilityIgnoresInvertColors?: boolean | undefined; onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined; pointerEvents?: "auto" | "none" | "box-none" | "box-only" | 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 {};