@hero-design/rn 8.103.4 → 8.103.5

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

@@ -1,11 +1,22 @@
 import React from 'react';
 import { TextInput as RNTextInput } from 'react-native';
-import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { TextInputProps as RNTextInputProps, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
 import { Theme } from '../../theme';
 import type { State } from './StyledTextInput';
 import type { IconName } from '../Icon';
 export type TextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
 export type TextInputVariant = 'text' | 'textarea';
+type NativeTextInputProps = Omit<RNTextInputProps, 'onFocus' | 'onBlur'> & {
+    onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
+    onBlur?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
+};
+export interface TextInputRef {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    isFocused: () => boolean;
+    setNativeProps?: (props: RNTextInputProps) => void;
+}
 export interface TextInputProps extends NativeTextInputProps {
     /**
      * Field label.
@@ -75,7 +86,7 @@ export interface TextInputProps extends NativeTextInputProps {
     /**
      * Customise input value renderer
      */
-    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+    renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.ForwardedRef<TextInputRef>) => React.ReactNode;
     /**
      * Component ref.
      */
@@ -102,7 +113,7 @@ export declare const renderInput: ({ variant, nativeInputProps, renderInputValue
     variant: TextInputVariant;
     nativeInputProps: NativeTextInputProps;
     multiline?: boolean;
-    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+    renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.Ref<TextInputRef>) => React.ReactNode;
     ref?: React.Ref<RNTextInput>;
     theme: Theme;
 }) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/types/index.internal.d.ts

@@ -2,5 +2,5 @@ import Select from './components/Select/index.internal';
 import DatePicker from './components/DatePicker/index.internal';
 import TimePicker from './components/TimePicker/index.internal';
 export * from '.';
+export type { MultiSelectProps, SingleSelectProps, DatePickerProps, TimePickerProps, } from './types.internal';
 export { Select, DatePicker, TimePicker };
-export type { MultiSelectProps, SingleSelectProps } from './types.internal';

package/types/types.internal.d.ts

@@ -1,5 +1,5 @@
+import { DatePickerProps } from './components/DatePicker/index.internal';
 import type { SingleSelectProps, MultiSelectProps } from './components/Select/index.internal';
-import type { DatePickerProps } from './components/DatePicker/index.internal';
-import type { TimePickerProps } from './components/TimePicker/index.internal';
+import { TimePickerProps } from './components/TimePicker/index.internal';
 export * from './types';
 export { SingleSelectProps, MultiSelectProps, DatePickerProps, TimePickerProps, };