sapo-components-ui-rn 1.1.88 → 1.1.90

package/dist/components/Avatar/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle, ImageStyle } from "react-native";
 interface AvatarProps {
+    testID?: string;
     children?: React.ReactNode;
     name?: string;
     borderColor?: string;
@@ -13,5 +14,5 @@ interface AvatarProps {
     textStyle?: StyleProp<TextStyle>;
     imageStyle?: StyleProp<ImageStyle>;
 }
-declare const Avatar: ({ children, name, backgroundColor, style, textColor, size, source, onPress, textStyle, imageStyle, }: AvatarProps) => React.JSX.Element;
+declare const Avatar: ({ testID, children, name, backgroundColor, style, textColor, size, source, onPress, textStyle, imageStyle, }: AvatarProps) => React.JSX.Element;
 export default Avatar;

package/dist/components/Badge/index.d.ts

@@ -5,6 +5,7 @@ export type BadgeSize = 'large' | 'medium' | 'small';
 export type BadgeMode = 'default' | 'outline';
 export type ProgressType = 'full' | 'half' | 'empty' | 'none';
 interface BadgeProps {
+    testID?: string;
     value?: string;
     borderColor?: string;
     backgroundColor?: string;

package/dist/components/ButtonIcon/index.d.ts

@@ -13,6 +13,7 @@ export interface ButtonIconProps {
     backgroundColor?: string;
     borderColor?: string;
     mode?: "normal" | "small";
+    testID?: string;
 }
 declare const _default: React.MemoExoticComponent<React.ComponentType<ButtonIconProps>>;
 export default _default;

package/dist/components/Checkbox/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 interface CheckboxProps {
+    testID?: string;
     style?: StyleProp<ViewStyle>;
     content: string;
     onPress?: () => void;
@@ -10,5 +11,5 @@ interface CheckboxProps {
     checked?: boolean;
     iconSize?: number;
 }
-declare const Checkbox: ({ style, content, textStyle, onPress, disabled, leftIcon, checked, iconSize, }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ testID, style, content, textStyle, onPress, disabled, leftIcon, checked, iconSize, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/dist/components/ChipBar/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 interface ChipBarProps {
+    testID?: string;
     style?: StyleProp<ViewStyle>;
     title: string;
     borderRadius?: number;
@@ -14,5 +15,5 @@ interface ChipBarProps {
     ellipsizeMode?: "head" | "middle" | "tail" | "clip";
     numberOfLines?: number;
 }
-declare const ChipBar: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, badge, checked, ellipsizeMode, numberOfLines, }: ChipBarProps) => React.JSX.Element;
+declare const ChipBar: ({ testID, style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, badge, checked, ellipsizeMode, numberOfLines, }: ChipBarProps) => React.JSX.Element;
 export default ChipBar;

package/dist/components/CountingDot/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 interface CountingDotProps {
+    testID?: string;
     children?: React.ReactNode;
     value: string | number;
     borderColor?: string;
@@ -9,5 +10,5 @@ interface CountingDotProps {
     textColor?: string;
     textStyle?: StyleProp<TextStyle>;
 }
-declare const CountingDot: ({ children, value, backgroundColor, style, textColor, textStyle, }: CountingDotProps) => React.JSX.Element;
+declare const CountingDot: ({ testID, children, value, backgroundColor, style, textColor, textStyle, }: CountingDotProps) => React.JSX.Element;
 export default CountingDot;

package/dist/components/FloatingButton/index.d.ts

@@ -14,6 +14,7 @@ export interface FloatingButtonProps {
     right?: number;
     left?: number;
     bottom?: number;
+    testID?: string;
 }
 declare const _default: React.MemoExoticComponent<React.ComponentType<FloatingButtonProps>>;
 export default _default;

package/dist/components/Icon/index.d.ts

@@ -10,6 +10,7 @@ export interface IconProps {
     onPress?: () => void;
     tintColor?: string;
     animatedProps?: Record<string, unknown>;
+    testID?: string;
 }
 declare const _default: React.NamedExoticComponent<IconProps>;
 export default _default;

package/dist/components/IconSvg/index.d.ts

@@ -8,6 +8,7 @@ interface SvgIconProps {
     style?: any;
     onPress?: () => void;
     disabled?: boolean;
+    testID?: string;
 }
 declare const SvgIcon: React.FC<SvgIconProps>;
 export default SvgIcon;

package/dist/components/RadioButton/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 interface RadioButtonProps {
+    testID?: string;
     style?: StyleProp<ViewStyle>;
     content: string;
     onPress?: (value: boolean) => void;
@@ -9,5 +10,5 @@ interface RadioButtonProps {
     leftIcon?: React.ReactNode;
     checked?: boolean;
 }
-declare const RadioButton: ({ style, content, textStyle, onPress, disabled, leftIcon, checked, }: RadioButtonProps) => React.JSX.Element;
+declare const RadioButton: ({ testID, style, content, textStyle, onPress, disabled, leftIcon, checked, }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

package/dist/components/SearchInput/index.d.ts

@@ -16,6 +16,7 @@ interface SearchInputProps {
     debounceTime?: number;
     autoFocus?: boolean;
     ref?: React.RefObject<TextInputNative | null>;
+    testID?: string;
 }
-declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, textStyle, ref, }: SearchInputProps) => React.JSX.Element;
+declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, textStyle, ref, testID, }: SearchInputProps) => React.JSX.Element;
 export default SearchInput;

package/dist/components/SelectionField/index.d.ts

@@ -21,5 +21,5 @@ export interface SelectionFieldProps extends TouchableOpacityProps {
     required?: boolean;
     height?: number;
 }
-declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, theme: themeOverrides, required, height, ...props }: SelectionFieldProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, content, label, error, borderColor, left, right, textStyle, labelStyle, textProps, onPress, disabled, textColor, labelColor, theme: themeOverrides, required, height, testID, ...props }: SelectionFieldProps) => React.JSX.Element>;
 export default _default;

package/dist/components/Spacer/index.d.ts

@@ -5,6 +5,7 @@ interface SpacerProps {
     height?: number;
     style?: StyleProp<ViewStyle>;
     backgroundColor?: string;
+    testID?: string;
 }
-declare const Spacer: ({ style, width, height, backgroundColor, }: SpacerProps) => React.JSX.Element;
+declare const Spacer: ({ style, width, height, backgroundColor, testID, }: SpacerProps) => React.JSX.Element;
 export default Spacer;

package/dist/components/Switch/Switch.d.ts

@@ -13,6 +13,7 @@ export type Props = {
      * Callback called with the new value when it changes.
      */
     onValueChange?: (value: boolean) => void;
+    testID?: string;
 };
-declare const Switch: React.MemoExoticComponent<({ value, disabled, onValueChange, size }: Props) => React.JSX.Element>;
+declare const Switch: React.MemoExoticComponent<({ testID, value, disabled, onValueChange, size }: Props) => React.JSX.Element>;
 export default Switch;

package/dist/components/Tag/index.d.ts

@@ -14,6 +14,7 @@ interface TagProps {
     numberOfLines?: number;
     hideRightIcon?: boolean;
     height?: number;
+    testID?: string;
 }
-declare const Tag: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, checked, ellipsizeMode, numberOfLines, hideRightIcon, height, }: TagProps) => React.JSX.Element;
+declare const Tag: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, checked, ellipsizeMode, numberOfLines, hideRightIcon, height, testID, }: TagProps) => React.JSX.Element;
 export default Tag;

package/dist/components/TextInput/TextInput.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { StyleProp, TextInput as NativeTextInput, TextStyle, ViewStyle } from 'react-native';
-import { Props as TextInputAffixProps } from './Adornment/TextInputAffix';
-import type { RenderProps, TextInputLabelProp } from './types';
-import type { ThemeProp } from '../../types';
+import React from "react";
+import { StyleProp, TextInput as NativeTextInput, TextStyle, ViewStyle } from "react-native";
+import { Props as TextInputAffixProps } from "./Adornment/TextInputAffix";
+import type { RenderProps, TextInputLabelProp } from "./types";
+import type { ThemeProp } from "../../types";
 export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
-    mode?: 'flat' | 'default' | 'number';
+    mode?: "flat" | "default" | "number";
     left?: React.ReactNode;
     right?: React.ReactNode;
     prefix?: string;
@@ -12,7 +12,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
     textError?: string;
     maxValue?: number;
     minValue?: number;
-    type?: 'integer' | 'float';
+    type?: "integer" | "float";
     keyboardStyle?: StyleProp<ViewStyle>;
     formatDecimal?: 1 | 2 | 3;
     required?: boolean;
@@ -156,7 +156,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
 interface CompoundedComponent extends React.ForwardRefExoticComponent<Props & React.RefAttributes<TextInputHandles>> {
     Affix: React.FunctionComponent<Partial<TextInputAffixProps>>;
 }
-type TextInputHandles = Pick<NativeTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
+type TextInputHandles = Pick<NativeTextInput, "focus" | "clear" | "blur" | "isFocused" | "setNativeProps">;
 /**
  * A component to allow users to input text.
  *

package/dist/components/ViewVisibleAnimated/index.d.ts

@@ -17,6 +17,7 @@ export type ViewVisibleAnimatedProps = {
     renderHiddenContent?: React.ReactNode;
     children?: React.ReactNode;
     disableHiddenContent?: boolean;
+    testID?: string;
 };
 declare const ViewVisibleAnimated: React.NamedExoticComponent<ViewVisibleAnimatedProps & React.RefAttributes<{
     show: () => void;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { ThemeColors } from "./styles/themes/tokens";
 export { CONSTANTS } from "./styles/themes/tokens";
 export { ThemeColors as ThemeColorsProps } from "./types";
 export { default as containerStyles } from "./theme/container-styles";
+export { useTheme, ThemeProvider, DefaultTheme, adaptNavigationTheme, } from "./core/theming";
 export * from "./styles/themes";
 export { default as Switch } from "./components/Switch/Switch";
 export { default as TextInput } from "./components/TextInput/TextInput";