Export/import media player ref types as types (#838)

Author: YoussefHenna

packages/core/src/components/MediaPlayer/AudioPlayer/AudioPlayerWithInterface.tsx

@@ -9,7 +9,7 @@ import {
   HeadlessAudioPlayerProps,
 } from "./AudioPlayerCommon";
 import Pressable from "../../Pressable";
-import { MediaPlayerRef, MediaPlayerStatus } from "../MediaPlayerCommon";
+import type { MediaPlayerRef, MediaPlayerStatus } from "../MediaPlayerCommon";
 
 /**
  * Built on top of HeadlessAudioPlayer to provide a simple interface for playing audio

packages/core/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx

@@ -6,7 +6,8 @@ import {
   InterruptionModeAndroid,
 } from "expo-av";
 import { HeadlessAudioPlayerProps } from "./AudioPlayerCommon";
-import { MediaPlayerRef, mapToMediaPlayerStatus } from "../MediaPlayerCommon";
+import { mapToMediaPlayerStatus } from "../MediaPlayerCommon";
+import type { MediaPlayerRef } from "../MediaPlayerCommon";
 import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
 
 /**

packages/core/src/components/MediaPlayer/AudioPlayer/index.tsx

@@ -27,4 +27,4 @@ const AudioPlayer = React.forwardRef<
 
 export default withTheme(AudioPlayer);
 
-export { MediaPlayerRef as AudioPlayerRef } from "../MediaPlayerCommon";
+export type { MediaPlayerRef as AudioPlayerRef } from "../MediaPlayerCommon";

packages/core/src/components/MediaPlayer/MediaPlaybackWrapper.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Playback } from "expo-av/src/AV";
 
-import { MediaPlayerRef } from "./MediaPlayerCommon";
+import type { MediaPlayerRef } from "./MediaPlayerCommon";
 
 interface MediaPlaybackWrapperProps {
   media?: Playback;

packages/core/src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx

@@ -10,11 +10,8 @@ import {
 import { extractSizeStyles } from "../../../utilities";
 import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
 import type { Playback } from "expo-av/src/AV";
-import {
-  MediaPlayerProps,
-  MediaPlayerRef,
-  mapToMediaPlayerStatus,
-} from "../MediaPlayerCommon";
+import { mapToMediaPlayerStatus } from "../MediaPlayerCommon";
+import type { MediaPlayerRef, MediaPlayerProps } from "../MediaPlayerCommon";
 
 type ResizeMode = "contain" | "cover" | "stretch";
 type ExpoVideoPropsOmitted = Omit<

packages/core/src/index.tsx

@@ -42,10 +42,8 @@ export {
   SwipeableItemButton,
   SwipeableList,
 } from "./components/SwipeableItem";
-export {
-  default as AudioPlayer,
-  AudioPlayerRef,
-} from "./components/MediaPlayer/AudioPlayer";
+export { default as AudioPlayer } from "./components/MediaPlayer/AudioPlayer";
+export type { AudioPlayerRef } from "./components/MediaPlayer/AudioPlayer";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { Picker, MultiSelectPicker, PickerItem } from "./components/Picker";
 export { default as Slider } from "./components/Slider";
@@ -54,10 +52,8 @@ export { SectionList, SectionHeader } from "./components/SectionList";
 export { default as LinearProgress } from "./components/Progress/LinearProgress";
 export { default as CircularProgress } from "./components/Progress/CircularProgress";
 export { default as TextInput } from "./components/TextInput";
-export {
-  default as VideoPlayer,
-  VideoPlayerRef,
-} from "./components/MediaPlayer/VideoPlayer";
+export { default as VideoPlayer } from "./components/MediaPlayer/VideoPlayer";
+export type { VideoPlayerRef } from "./components/MediaPlayer/VideoPlayer";
 export {
   PinInput,
   CustomPinInputCell,

packages/ui/src/index.tsx

@@ -2,10 +2,11 @@ import "./polyfillReanimatedWorkletInit";
 import { Icon } from "@draftbit/native";
 export { Icon, LinearGradient, WebView } from "@draftbit/native";
 
+export type { AudioPlayerRef, VideoPlayerRef } from "@draftbit/core";
+
 export {
   flattenReactFragments,
   AudioPlayer,
-  AudioPlayerRef,
   Avatar,
   Center,
   Circle,
@@ -58,7 +59,6 @@ export {
   CircularProgress,
   TextInput,
   VideoPlayer,
-  VideoPlayerRef,
   PinInput,
   CustomPinInputCell,
   CustomPinInputText,