rn-css 1.9.3 → 1.9.4

package/dist/features.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
 import type { Style, Units, MediaQuery } from './types';
-import { LayoutChangeEvent, NativeSyntheticEvent, TargetedEvent, GestureResponderEvent } from 'react-native';
+import { LayoutChangeEvent, GestureResponderEvent, TouchableHighlightProps, TextInputProps } from 'react-native';
 /** Hook that will apply the screen size to the styles defined with vmin, vmax, vw, vh units, and handle media queries constraints */
 export declare const useScreenSize: () => {
     vw: number;
@@ -23,11 +23,13 @@ export declare const useActive: (onPressIn: ((event: GestureResponderEvent) => v
     onResponderRelease: ((event: GestureResponderEvent) => void) | undefined;
     onStartShouldSetResponder: ((event: GestureResponderEvent) => void) | undefined;
 };
+export declare type FocusEventListener = TouchableHighlightProps['onFocus'] | TextInputProps['onFocus'];
+export declare type BlurEventListener = TouchableHighlightProps['onBlur'] | TextInputProps['onBlur'];
 /** Hook that will apply the style reserved for active state if needed */
-export declare const useFocus: (onFocus: ((event: NativeSyntheticEvent<TargetedEvent>) => void) | undefined, onBlur: ((event: NativeSyntheticEvent<TargetedEvent>) => void | undefined) | undefined, needsFocus: boolean) => {
+export declare const useFocus: (onFocus: undefined | FocusEventListener, onBlur: undefined | BlurEventListener, needsFocus: boolean) => {
     focused: boolean;
-    onFocus: ((event: NativeSyntheticEvent<TargetedEvent>) => void) | undefined;
-    onBlur: ((event: NativeSyntheticEvent<TargetedEvent>) => void | undefined) | undefined;
+    onFocus: FocusEventListener;
+    onBlur: BlurEventListener;
 };
 /** Hook that will apply the style provided in the media queries */
 export declare const useMediaQuery: (media: undefined | MediaQuery[], units: Units) => Style | undefined;