sapo-components-ui-rn 1.0.62 → 1.0.64

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

@@ -0,0 +1,21 @@
+import React from "react";
+export interface NumberKeyboardProps {
+    /** Giá trị hiện tại của input */
+    value?: string | number;
+    /** Label hiển thị trên modal */
+    label?: string;
+    /** Callback khi giá trị thay đổi */
+    onChangeText?: (value: string) => void;
+    /** Giá trị tối đa cho phép */
+    maxValue?: number;
+    /** Loại input: integer hoặc float */
+    type?: "integer" | "float";
+    /** Số chữ số thập phân cho phép */
+    formatDecimal?: 1 | 2 | 3;
+    /** Trạng thái hiển thị modal */
+    visible: boolean;
+    /** Callback khi đóng modal */
+    onClose: () => void;
+}
+declare const _default: React.NamedExoticComponent<NumberKeyboardProps>;
+export default _default;

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

@@ -1,7 +1,5 @@
 import * as React from "react";
-import { StyleProp, Switch as NativeSwitch, ViewStyle } from "react-native";
-import type { ThemeProp } from "../../types";
-export type Props = React.ComponentPropsWithRef<typeof NativeSwitch> & {
+export type Props = {
     /**
      * Disable toggling the switch.
      */
@@ -10,38 +8,10 @@ export type Props = React.ComponentPropsWithRef<typeof NativeSwitch> & {
      * Value of the switch, true means 'on', false means 'off'.
      */
     value?: boolean;
-    /**
-     * Custom color for switch.
-     */
-    color?: string;
     /**
      * Callback called with the new value when it changes.
      */
-    onValueChange?: Function;
-    style?: StyleProp<ViewStyle>;
-    /**
-     * @optional
-     */
-    theme?: ThemeProp;
+    onValueChange?: (value: boolean) => void;
 };
-/**
- * Switch is a visual toggle between two mutually exclusive states — on and off.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Switch } from 'react-native-paper';
- *
- * const MyComponent = () => {
- *   const [isSwitchOn, setIsSwitchOn] = React.useState(false);
- *
- *   const onToggleSwitch = () => setIsSwitchOn(!isSwitchOn);
- *
- *   return <Switch value={isSwitchOn} onValueChange={onToggleSwitch} />;
- * };
- *
- * export default MyComponent;
- * ```
- */
-declare const Switch: ({ value, disabled, onValueChange, color, theme: themeOverrides, ...rest }: Props) => React.JSX.Element;
+declare const Switch: React.MemoExoticComponent<({ value, disabled, onValueChange }: Props) => React.JSX.Element>;
 export default Switch;

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

@@ -12,6 +12,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
     maxValue?: number;
     type?: "integer" | "float";
     formatDecimal?: 1 | 2 | 3;
+    required?: boolean;
     /**
      * If true, user won't be able to interact with the component.
      */

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

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { ChildTextInputProps } from "./types";
-declare const TextInputDefault: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, outlineColor: customOutlineColor, activeOutlineColor, outlineStyle, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayout, left, right, placeholderTextColor, clearButton, contentStyle, value, textError, ...rest }: ChildTextInputProps) => React.JSX.Element;
+declare const TextInputDefault: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, outlineColor: customOutlineColor, activeOutlineColor, outlineStyle, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayout, left, right, placeholderTextColor, clearButton, contentStyle, value, textError, required, ...rest }: ChildTextInputProps) => React.JSX.Element;
 export default TextInputDefault;

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

@@ -1,4 +1,4 @@
 import * as React from "react";
 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, prefix, placeholderTextColor, clearButton, contentStyle, scaledLabel, outlineStyle, outlineColor, value, textError, ...rest }: ChildTextInputProps) => React.JSX.Element;
+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, prefix, placeholderTextColor, clearButton, contentStyle, scaledLabel, outlineStyle, outlineColor, value, textError, required, ...rest }: ChildTextInputProps) => React.JSX.Element;
 export default TextInputFlat;

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

@@ -1,20 +1,13 @@
 import React from "react";
-import { StyleProp, ViewStyle, TouchableOpacityProps, TextStyle } from "react-native";
-import { IText } from "../Text";
+import { StyleProp, ViewStyle, TouchableOpacityProps } from "react-native";
 import { ThemeProp } from "../../types";
 export interface TextInputNumberProps extends TouchableOpacityProps {
     style?: StyleProp<ViewStyle>;
-    borderColor?: string;
     value?: string | number;
     label?: string;
     textError?: string;
     left?: React.ReactNode;
     right?: React.ReactNode;
-    textProps?: IText;
-    textColor?: string;
-    labelColor?: string;
-    textStyle?: TextStyle;
-    labelStyle?: TextStyle;
     disabled?: boolean;
     prefix?: string;
     onChangeText?: (value: string) => void;
@@ -23,6 +16,7 @@ export interface TextInputNumberProps extends TouchableOpacityProps {
     maxValue?: number;
     type?: "integer" | "float";
     formatDecimal?: 1 | 2 | 3;
+    required?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ style, value, label, textError, borderColor, left, right, textStyle, labelStyle, textProps, onChangeText, disabled, textColor, labelColor, theme: themeOverrides, prefix, clearButton, maxValue, type, formatDecimal, ...props }: TextInputNumberProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, value, label, textError, left, right, onChangeText, disabled, theme: themeOverrides, prefix, clearButton, maxValue, type, formatDecimal, required, ...props }: TextInputNumberProps) => React.JSX.Element>;
 export default _default;

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

@@ -95,6 +95,7 @@ export type ChildTextInputProps = {
     clearButton?: boolean;
     prefix?: string;
     textError?: string;
+    required?: boolean;
 } & $Omit<TextInputTypesWithoutMode, "theme"> & {
     theme: InternalTheme;
 };
@@ -144,6 +145,7 @@ export type InputLabelProps = {
     labelBackground?: any;
     maxFontSizeMultiplier?: number | undefined | null;
     scaledLabel?: boolean;
+    required?: boolean;
 } & LabelProps;
 export type LabelBackgroundProps = {
     labelStyle: any;