@oxyhq/services 5.26.4 → 5.27.0

package/dist/web/types/ui/components/TextField/Addons/Underline.d.ts

@@ -0,0 +1,18 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import type { ThemeProp } from '../../types';
+type UnderlineProps = {
+    parentState: {
+        focused: boolean;
+    };
+    error?: boolean;
+    colors?: {
+        error?: string;
+    };
+    activeColor: string;
+    underlineColorCustom?: string;
+    hasActiveOutline?: boolean;
+    style?: StyleProp<ViewStyle>;
+    theme?: ThemeProp;
+};
+export declare const Underline: ({ parentState, error, colors, activeColor, underlineColorCustom, hasActiveOutline, style, theme: themeOverrides, }: UnderlineProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/web/types/ui/components/TextField/Adornment/TextFieldAdornment.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { LayoutChangeEvent, TextStyle, StyleProp, Animated, DimensionValue } from 'react-native';
+import type { ThemeProp } from '../../types';
+import { AdornmentSide, AdornmentType } from './enums';
+import type { AdornmentConfig, AdornmentStyleAdjustmentForNativeInput } from './types';
+export declare function getAdornmentConfig({ left, right, }: {
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+}): Array<AdornmentConfig>;
+export declare function getAdornmentStyleAdjustmentForNativeInput({ adornmentConfig, leftAffixWidth, rightAffixWidth, paddingHorizontal, inputOffset, mode, isV3, }: {
+    inputOffset?: number;
+    adornmentConfig: AdornmentConfig[];
+    leftAffixWidth: number;
+    rightAffixWidth: number;
+    mode?: 'outlined' | 'flat';
+    paddingHorizontal?: DimensionValue;
+    isV3?: boolean;
+}): AdornmentStyleAdjustmentForNativeInput | {};
+export interface TextFieldAdornmentProps {
+    forceFocus: () => void;
+    adornmentConfig: AdornmentConfig[];
+    topPosition: {
+        [AdornmentType.Affix]: {
+            [AdornmentSide.Left]: number | null;
+            [AdornmentSide.Right]: number | null;
+        };
+        [AdornmentType.Icon]: number;
+    };
+    onAffixChange: {
+        [AdornmentSide.Left]: (event: LayoutChangeEvent) => void;
+        [AdornmentSide.Right]: (event: LayoutChangeEvent) => void;
+    };
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    textStyle?: StyleProp<TextStyle>;
+    visible?: Animated.Value;
+    isTextInputFocused: boolean;
+    paddingHorizontal?: DimensionValue;
+    maxFontSizeMultiplier?: number | undefined | null;
+    theme?: ThemeProp;
+    disabled?: boolean;
+}
+declare const TextFieldAdornment: React.FunctionComponent<TextFieldAdornmentProps>;
+export default TextFieldAdornment;

package/dist/web/types/ui/components/TextField/Adornment/TextFieldAffix.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Animated, DimensionValue, GestureResponderEvent, LayoutChangeEvent, StyleProp, TextStyle } from 'react-native';
+import { AdornmentSide } from './enums';
+import type { ThemeProp } from "../../types";
+export type Props = {
+    /**
+     * Text to show.
+     */
+    text: string;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    /**
+     * Function to execute on press.
+     */
+    onPress?: (e: GestureResponderEvent) => void;
+    /**
+     * Accessibility label for the affix. This is read by the screen reader when the user taps the affix.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Style that is passed to the Text element.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * @optional
+     */
+    theme?: ThemeProp;
+};
+type ContextState = {
+    topPosition: number | null;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    visible?: Animated.Value;
+    textStyle?: StyleProp<TextStyle>;
+    side: AdornmentSide;
+    paddingHorizontal?: DimensionValue;
+    maxFontSizeMultiplier?: number | undefined | null;
+    testID?: string;
+    disabled?: boolean;
+};
+declare const AffixAdornment: React.FunctionComponent<{
+    affix: React.ReactNode;
+    testID: string;
+} & ContextState>;
+/**
+ * A component to render a leading / trailing text in the TextInput
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { TextInput } from 'react-native-paper';
+ *
+ * const MyComponent = () => {
+ *   const [text, setText] = React.useState('');
+ *
+ *   return (
+ *     <TextInput
+ *       mode="outlined"
+ *       label="Outlined input"
+ *       placeholder="Type something"
+ *       right={<TextInput.Affix text="/100" />}
+ *     />
+ *   );
+ * };
+ *
+ * export default MyComponent;
+ * ```
+ */
+declare const TextFieldAffix: {
+    ({ text, textStyle: labelStyle, theme: themeOverrides, onLayout: onTextLayout, onPress, accessibilityLabel, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default TextFieldAffix;
+export { TextFieldAffix, AffixAdornment };

package/dist/web/types/ui/components/TextField/Adornment/TextFieldIcon.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { ColorValue, GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+import type { $Omit, ThemeProp } from "../../types";
+import type { IconSource } from '../../Icon';
+import IconButton from '../../IconButton/IconButton';
+export type Props = $Omit<React.ComponentProps<typeof IconButton>, 'icon' | 'theme' | 'color' | 'iconColor'> & {
+    /**
+     * @renamed Renamed from 'name' to 'icon` in v5.x
+     * Icon to show.
+     */
+    icon: IconSource;
+    /**
+     * Function to execute on press.
+     */
+    onPress?: (e: GestureResponderEvent) => void;
+    /**
+     * Whether the TextInput will focus after onPress.
+     */
+    forceTextInputFocus?: boolean;
+    /**
+     * Color of the icon or a function receiving a boolean indicating whether the TextInput is focused and returning the color.
+     */
+    color?: ((isTextInputFocused: boolean) => string | undefined) | string;
+    /**
+     * Color of the ripple effect.
+     */
+    rippleColor?: ColorValue;
+    style?: StyleProp<ViewStyle>;
+    /**
+     * @optional
+     */
+    theme?: ThemeProp;
+};
+type StyleContextType = {
+    style: StyleProp<ViewStyle>;
+    isTextInputFocused: boolean;
+    forceFocus: () => void;
+    testID: string;
+    disabled?: boolean;
+};
+declare const IconAdornment: React.FunctionComponent<{
+    testID: string;
+    icon: React.ReactNode;
+    topPosition: number;
+    side: 'left' | 'right';
+    theme?: ThemeProp;
+    disabled?: boolean;
+} & Omit<StyleContextType, 'style'>>;
+/**
+ * A component to render a leading / trailing icon in the TextInput
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { TextInput } from 'react-native-paper';
+ *
+ * const MyComponent = () => {
+ *   const [text, setText] = React.useState('');
+ *
+ *   return (
+ *     <TextInput
+ *       label="Password"
+ *       secureTextEntry
+ *       right={<TextInput.Icon icon="eye" />}
+ *     />
+ *   );
+ * };
+ *
+ * export default MyComponent;
+ * ```
+ */
+declare const TextFieldIcon: {
+    ({ icon, onPress, forceTextInputFocus, color: customColor, theme: themeOverrides, rippleColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default TextFieldIcon;
+export { IconAdornment };

package/dist/web/types/ui/components/TextField/Adornment/enums.d.ts

@@ -0,0 +1,12 @@
+export declare enum AdornmentType {
+    Icon = "icon",
+    Affix = "affix"
+}
+export declare enum AdornmentSide {
+    Right = "right",
+    Left = "left"
+}
+export declare enum InputMode {
+    Outlined = "outlined",
+    Flat = "flat"
+}

package/dist/web/types/ui/components/TextField/Adornment/types.d.ts

@@ -0,0 +1,11 @@
+import type { AdornmentSide, AdornmentType } from './enums';
+export type AdornmentConfig = {
+    side: AdornmentSide;
+    type: AdornmentType;
+};
+export type AdornmentStyleAdjustmentForNativeInput = {
+    adornmentStyleAdjustmentForNativeInput: Array<{
+        paddingRight: number;
+        paddingLeft: number;
+    } | {}>;
+};

package/dist/web/types/ui/components/TextField/Adornment/utils.d.ts

@@ -0,0 +1,11 @@
+import type { InternalTheme } from "../../types";
+type BaseProps = {
+    theme: InternalTheme;
+    disabled?: boolean;
+};
+export declare function getTextColor({ theme, disabled }: BaseProps): string;
+export declare function getIconColor({ theme, isTextInputFocused, disabled, customColor, }: BaseProps & {
+    isTextInputFocused: boolean;
+    customColor?: ((isTextInputFocused: boolean) => string | undefined) | string;
+}): string | undefined;
+export {};

package/dist/web/types/ui/components/TextField/Label/InputLabel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { InputLabelProps } from '../types';
+declare const _default: React.MemoExoticComponent<(props: InputLabelProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/web/types/ui/components/TextField/Label/LabelBackground.d.ts

@@ -0,0 +1,3 @@
+import type { LabelBackgroundProps } from '../types';
+declare const LabelBackground: ({ labeled, labelLayoutWidth, labelLayoutHeight, placeholderStyle, baseLabelTranslateX, topPosition, backgroundColor, roundness, labelStyle, maxFontSizeMultiplier, testID, }: LabelBackgroundProps) => (import("react/jsx-runtime").JSX.Element | null)[];
+export default LabelBackground;

package/dist/web/types/ui/components/TextField/TextFieldFlat.d.ts

@@ -0,0 +1,3 @@
+import type { ChildTextInputProps } from './types';
+declare const TextInputFlat: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, underlineColor, underlineStyle, activeUnderlineColor, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayoutAnimatedText, onLabelTextLayout, onLeftAffixLayoutChange, onRightAffixLayoutChange, onInputLayout, left, right, placeholderTextColor, testID, contentStyle, scaledLabel, ...rest }: ChildTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputFlat;

package/dist/web/types/ui/components/TextField/TextFieldOutlined.d.ts

@@ -0,0 +1,3 @@
+import type { ChildTextInputProps } from './types';
+declare const TextInputOutlined: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, underlineColor: _underlineColor, outlineColor: customOutlineColor, activeOutlineColor, outlineStyle, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayoutAnimatedText, onLabelTextLayout, onLeftAffixLayoutChange, onRightAffixLayoutChange, onInputLayout, onLayout, left, right, placeholderTextColor, testID, contentStyle, scaledLabel, ...rest }: ChildTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInputOutlined;

package/dist/web/types/ui/components/TextField/constants.d.ts

@@ -0,0 +1,31 @@
+export declare const MAXIMIZED_LABEL_FONT_SIZE = 16;
+export declare const MINIMIZED_LABEL_FONT_SIZE = 12;
+export declare const LABEL_WIGGLE_X_OFFSET = 4;
+export declare const ADORNMENT_SIZE = 24;
+export declare const MIN_WIDTH = 100;
+export declare const MD2_AFFIX_OFFSET = 12;
+export declare const MD3_AFFIX_OFFSET = 16;
+export declare const ICON_SIZE = 24;
+export declare const MD2_ICON_OFFSET = 12;
+export declare const MD3_ICON_OFFSET = 16;
+export declare const MD2_MIN_HEIGHT = 64;
+export declare const MD3_MIN_HEIGHT = 56;
+export declare const MD3_ADORNMENT_OFFSET = 16;
+export declare const MD2_ADORNMENT_OFFSET = 12;
+export declare const LABEL_PADDING_TOP_DENSE = 24;
+export declare const LABEL_PADDING_TOP = 8;
+export declare const MD2_LABEL_PADDING_TOP = 30;
+export declare const MD3_LABEL_PADDING_TOP = 26;
+export declare const MD2_LABEL_PADDING_HORIZONTAL = 12;
+export declare const MD3_LABEL_PADDING_HORIZONTAL = 16;
+export declare const MD2_FLAT_INPUT_OFFSET = 8;
+export declare const MD3_FLAT_INPUT_OFFSET = 16;
+export declare const MINIMIZED_LABEL_Y_OFFSET = -18;
+export declare const MIN_DENSE_HEIGHT_WL = 52;
+export declare const MIN_DENSE_HEIGHT = 40;
+export declare const MD2_INPUT_PADDING_HORIZONTAL = 14;
+export declare const MD3_INPUT_PADDING_HORIZONTAL = 16;
+export declare const MD2_OUTLINED_INPUT_OFFSET = 8;
+export declare const MD3_OUTLINED_INPUT_OFFSET = 16;
+export declare const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -6;
+export declare const MIN_DENSE_HEIGHT_OUTLINED = 48;

package/dist/web/types/ui/components/TextField/helpers.d.ts

@@ -0,0 +1,96 @@
+import type { AdornmentConfig } from './Adornment/types';
+import type { TextInputLabelProp } from './types';
+import type { InternalTheme } from "../types";
+type PaddingProps = {
+    height: number | null;
+    labelHalfHeight: number;
+    multiline: boolean | null;
+    dense: boolean | null;
+    topPosition: number;
+    fontSize: number;
+    lineHeight?: number;
+    label?: TextInputLabelProp | null;
+    scale: number;
+    offset: number;
+    isAndroid: boolean;
+    styles: {
+        paddingTop: number;
+        paddingBottom: number;
+    };
+};
+type AdjProps = PaddingProps & {
+    pad: number;
+};
+export type Padding = {
+    paddingTop: number;
+    paddingBottom: number;
+};
+export declare const calculateLabelTopPosition: (labelHeight: number, height?: number, optionalPadding?: number) => number;
+export declare const calculateInputHeight: (labelHeight: number, height: any | undefined, minHeight: number) => number;
+export declare const calculatePadding: (props: PaddingProps) => number;
+export declare const adjustPaddingOut: ({ pad, multiline, label, scale, height, fontSize, lineHeight, dense, offset, isAndroid, }: AdjProps) => Padding;
+export declare const adjustPaddingFlat: ({ pad, scale, multiline, label, height, offset, dense, fontSize, isAndroid, styles, }: AdjProps) => Padding;
+export declare function calculateFlatAffixTopPosition({ height, paddingTop, paddingBottom, affixHeight, }: {
+    height: number;
+    paddingTop: number;
+    paddingBottom: number;
+    affixHeight: number;
+}): number;
+export declare function calculateOutlinedIconAndAffixTopPosition({ height, affixHeight, labelYOffset, }: {
+    height: number;
+    affixHeight: number;
+    labelYOffset: number;
+}): number;
+export declare const calculateFlatInputHorizontalPadding: ({ adornmentConfig, isV3, }: {
+    adornmentConfig: AdornmentConfig[];
+    isV3?: boolean;
+}) => {
+    paddingLeft: number;
+    paddingRight: number;
+};
+export declare const getFlatInputColors: ({ underlineColor, activeUnderlineColor, customSelectionColor, textColor, disabled, error, theme, }: {
+    underlineColor?: string;
+    activeUnderlineColor?: string;
+    customSelectionColor?: string;
+    textColor?: string;
+    disabled?: boolean;
+    error?: boolean;
+    theme: InternalTheme;
+}) => {
+    inputTextColor: string;
+    activeColor: string;
+    underlineColorCustom: string;
+    placeholderColor: string;
+    selectionColor: string;
+    errorColor: string;
+    backgroundColor: string | undefined;
+};
+export declare const getOutlinedInputColors: ({ activeOutlineColor, customOutlineColor, customSelectionColor, textColor, disabled, error, theme, }: {
+    activeOutlineColor?: string;
+    customOutlineColor?: string;
+    customSelectionColor?: string;
+    textColor?: string;
+    disabled?: boolean;
+    error?: boolean;
+    theme: InternalTheme;
+}) => {
+    inputTextColor: string;
+    activeColor: string;
+    outlineColor: string | undefined;
+    placeholderColor: string;
+    selectionColor: string;
+    errorColor: string;
+};
+export declare const getConstants: (isV3?: boolean) => {
+    AFFIX_OFFSET: number;
+    ICON_OFFSET: number;
+    LABEL_PADDING_TOP: number;
+    LABEL_PADDING_HORIZONTAL: number;
+    FLAT_INPUT_OFFSET: number;
+    MIN_HEIGHT: number;
+    INPUT_PADDING_HORIZONTAL: number;
+    ADORNMENT_OFFSET: number;
+    OUTLINED_INPUT_OFFSET: number;
+    MIN_WIDTH: number;
+};
+export {};

package/dist/web/types/ui/components/TextField/types.d.ts

@@ -0,0 +1,155 @@
+import * as React from 'react';
+import type { TextInput as NativeTextInput, Animated, TextStyle, LayoutChangeEvent, ColorValue, StyleProp, ViewProps, ViewStyle, NativeSyntheticEvent, TextLayoutEventData } from 'react-native';
+import type { $Omit, InternalTheme, ThemeProp } from '../types';
+export type TextFieldLabelProp = string | React.ReactElement;
+export type TextInputLabelProp = TextFieldLabelProp;
+type TextInputProps = React.ComponentPropsWithRef<typeof NativeTextInput> & {
+    mode?: 'flat' | 'outlined';
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    disabled?: boolean;
+    label?: TextFieldLabelProp;
+    placeholder?: string;
+    error?: boolean;
+    onChangeText?: Function;
+    selectionColor?: string;
+    cursorColor?: string;
+    underlineColor?: string;
+    activeUnderlineColor?: string;
+    outlineColor?: string;
+    activeOutlineColor?: string;
+    textColor?: string;
+    dense?: boolean;
+    multiline?: boolean;
+    numberOfLines?: number;
+    onFocus?: (args: any) => void;
+    onBlur?: (args: any) => void;
+    render?: (props: RenderProps) => React.ReactNode;
+    value?: string;
+    style?: StyleProp<TextStyle>;
+    theme?: ThemeProp;
+    testID?: string;
+    contentStyle?: StyleProp<TextStyle>;
+    outlineStyle?: StyleProp<ViewStyle>;
+    underlineStyle?: StyleProp<ViewStyle>;
+    scaledLabel?: boolean;
+};
+export type RenderProps = {
+    ref: (a?: NativeTextInput | null) => void;
+    onChangeText?: (a: string) => void;
+    placeholder?: string;
+    placeholderTextColor?: ColorValue;
+    editable?: boolean;
+    selectionColor?: string;
+    cursorColor?: string;
+    onFocus?: (args: any) => void;
+    onBlur?: (args: any) => void;
+    underlineColorAndroid?: string;
+    onLayout?: (args: any) => void;
+    style: any;
+    multiline?: boolean;
+    numberOfLines?: number;
+    value?: string;
+    adjustsFontSizeToFit?: boolean;
+    testID?: string;
+};
+type TextInputTypesWithoutMode = $Omit<TextInputProps, 'mode'>;
+export type State = {
+    labeled: Animated.Value;
+    error: Animated.Value;
+    focused: boolean;
+    displayPlaceholder: boolean;
+    value?: string;
+    labelTextLayout: {
+        width: number;
+    };
+    labelLayout: {
+        measured: boolean;
+        width: number;
+        height: number;
+    };
+    leftLayout: {
+        height: number | null;
+        width: number | null;
+    };
+    rightLayout: {
+        height: number | null;
+        width: number | null;
+    };
+    inputContainerLayout: {
+        width: number;
+    };
+    contentStyle?: StyleProp<ViewProps>;
+};
+export type ChildTextInputProps = {
+    parentState: State;
+    innerRef: (ref?: NativeTextInput | null) => void;
+    onFocus?: (args: any) => void;
+    onBlur?: (args: any) => void;
+    forceFocus: () => void;
+    onChangeText?: (value: string) => void;
+    onInputLayout: (event: LayoutChangeEvent) => void;
+    onLayoutAnimatedText: (args: any) => void;
+    onLabelTextLayout: (event: NativeSyntheticEvent<TextLayoutEventData>) => void;
+    onLeftAffixLayoutChange: (event: LayoutChangeEvent) => void;
+    onRightAffixLayoutChange: (event: LayoutChangeEvent) => void;
+} & $Omit<TextInputTypesWithoutMode, 'theme'> & {
+    theme: InternalTheme;
+};
+export type LabelProps = {
+    mode?: 'flat' | 'outlined';
+    placeholderStyle: any;
+    placeholderOpacity: number | Animated.Value | Animated.AnimatedInterpolation<number>;
+    baseLabelTranslateX: number;
+    baseLabelTranslateY: number;
+    wiggleOffsetX: number;
+    labelScale: number;
+    fontSize: number;
+    lineHeight?: number | undefined;
+    fontWeight: TextStyle['fontWeight'];
+    font: any;
+    topPosition: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    labelTranslationXOffset?: number;
+    placeholderColor: string | null;
+    backgroundColor?: ColorValue;
+    label?: TextFieldLabelProp | null;
+    hasActiveOutline?: boolean | null;
+    activeColor: string;
+    errorColor?: string;
+    labelError?: boolean | null;
+    onLayoutAnimatedText: (args: any) => void;
+    onLabelTextLayout: (event: NativeSyntheticEvent<TextLayoutEventData>) => void;
+    roundness: number;
+    maxFontSizeMultiplier?: number | undefined | null;
+    testID?: string;
+    contentStyle?: StyleProp<ViewProps>;
+    theme?: ThemeProp;
+};
+export type InputLabelProps = {
+    labeled: Animated.Value;
+    error: Animated.Value;
+    focused: boolean;
+    wiggle: boolean;
+    opacity: number;
+    labelLayoutMeasured: boolean;
+    labelLayoutWidth: number;
+    labelLayoutHeight: number;
+    inputContainerLayout: {
+        width: number;
+    };
+    labelBackground?: any;
+    maxFontSizeMultiplier?: number | undefined | null;
+    isV3?: boolean;
+    scaledLabel?: boolean;
+} & LabelProps;
+export type LabelBackgroundProps = {
+    labelStyle: any;
+    labeled: Animated.Value;
+    labelLayoutWidth: number;
+    labelLayoutHeight: number;
+    maxFontSizeMultiplier?: number | undefined | null;
+    theme?: ThemeProp;
+} & LabelProps;
+export {};