(react-native-lightning) Update some component prop typings

Author: WillsonHaw

.changeset/four-comics-agree.md

@@ -0,0 +1,5 @@
+---
+"@plexinc/react-native-lightning": patch
+---
+
+Update some component typings

packages/react-native-lightning/src/exports/Image.tsx

@@ -5,22 +5,26 @@ import type {
   ImageLoadEventData,
   ImageSourcePropType,
   ImageURISource,
+  Image as RNImage,
   ImageProps as RNImageProps,
 } from 'react-native';
 import { createLayoutEvent } from '../utils/createLayoutEvent';
 import { createNativeSyntheticEvent } from '../utils/createNativeSyntheticEvent';
 import type { ViewProps } from './View';
 
-export interface ImageProps extends RNImageProps, Omit<ViewProps, 'style'> {
-  onImageLoaded?: (dimensions: { width: number; height: number }) => void;
-}
+export type ImageProps = RNImageProps &
+  Omit<ViewProps, 'style'> & {
+    onImageLoaded?: (dimensions: { width: number; height: number }) => void;
+  };
 
 function isImageURISource(
   source: ImageSourcePropType,
 ): source is ImageURISource {
   return !Array.isArray(source);
 }
 
+export type Image = RNImage & LightningImageElement;
+
 export const Image = forwardRef<LightningImageElement, ImageProps>(
   (
     {

packages/react-native-lightning/src/exports/Text.tsx

@@ -5,7 +5,7 @@ import type {
   Rect,
 } from '@plexinc/react-lightning';
 import { forwardRef, useCallback, useMemo } from 'react';
-import type { TextProps as RNTextProps } from 'react-native';
+import type { Text as RNText, TextProps as RNTextProps } from 'react-native';
 import { createLayoutEvent } from '../utils/createLayoutEvent';
 import type { ViewProps } from './View';
 
@@ -18,6 +18,8 @@ const defaultTextStyle: Partial<LightningTextElementStyle> = {
   fontWeight: 'normal',
 };
 
+export type Text = RNText & LightningTextElement;
+
 export const Text = forwardRef<LightningTextElement, TextProps>(
   (
     {

packages/react-native-lightning/src/exports/View.tsx

@@ -1,5 +1,6 @@
 import type {
   FocusableProps,
+  LightningElement,
   LightningViewElementProps,
   Rect,
 } from '@plexinc/react-lightning';
@@ -8,7 +9,7 @@ import type { LightningViewElement } from '@plexinc/react-lightning';
 import type { AllStyleProps } from '@plexinc/react-lightning-plugin-css-transform';
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { forwardRef, useCallback } from 'react';
-import type { ViewProps as RNViewProps } from 'react-native';
+import type { View as RNView, ViewProps as RNViewProps } from 'react-native';
 import { createLayoutEvent } from '../utils/createLayoutEvent';
 
 type CombinedProps = RNViewProps &
@@ -32,6 +33,8 @@ export const defaultViewStyle = {
   zIndex: 0,
 };
 
+export type View = RNView & LightningElement;
+
 export const View: ForwardRefExoticComponent<ViewProps> = forwardRef<
   LightningViewElement,
   ViewProps