@draftbit/core 54.0.3 → 54.0.4-11e01d.2

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx

@@ -1,136 +1,230 @@
 import React from "react";
-import { ImageResizeMode, Platform } from "react-native";
 import {
-  Video as VideoPlayerComponent,
-  VideoProps as ExpoVideoProps,
-  ResizeMode as ExpoResizeMode,
-  AVPlaybackStatus,
-  VideoFullscreenUpdate,
-  AVPlaybackSource,
-  Audio,
-} from "expo-av";
+  Image,
+  ImageProps,
+  ImageResizeMode,
+  StyleSheet,
+  View,
+} from "react-native";
+import {
+  VideoView as VideoPlayerComponent,
+  VideoViewProps as ExpoVideoProps,
+  VideoContentFit,
+  useVideoPlayer,
+  TimeUpdateEventPayload,
+  VideoPlayer as VideoPlayerType,
+  VideoSource,
+} from "expo-video";
+import { setAudioModeAsync } from "expo-audio";
 import { extractSizeStyles } from "../../../utilities";
 import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
-import type { Playback } from "expo-av/src/AV";
 import {
-  mapToMediaPlayerStatus,
   normalizeBase64Source,
   useSourceDeepCompareEffect,
+  useSourceDeepCompareMemoize,
+} from "../MediaPlayerCommon";
+import type {
+  MediaPlayerRef,
+  MediaPlayerProps,
+  MediaPlayerStatus,
 } from "../MediaPlayerCommon";
-import type { MediaPlayerRef, MediaPlayerProps } from "../MediaPlayerCommon";
 
 type ResizeMode = "contain" | "cover" | "stretch";
-type ExpoVideoPropsOmitted = Omit<
-  ExpoVideoProps,
-  "videoStyle" | "resizeMode" | "onPlaybackStatusUpdate" | "source"
->;
+type ExpoVideoPropsOmitted = Omit<ExpoVideoProps, "player" | "nativeControls">;
 
 interface VideoPlayerProps extends ExpoVideoPropsOmitted, MediaPlayerProps {
   resizeMode?: ResizeMode;
   posterResizeMode?: ImageResizeMode;
+  posterSource?: ImageProps["source"];
+  usePoster?: boolean;
   playsInSilentModeIOS?: boolean;
+  isMuted?: boolean;
+  useNativeControls?: boolean;
+  shouldPlay?: boolean;
+  isLooping?: boolean;
+  positionMillis?: number;
+  rate?: number;
+  volume?: number;
 }
 
 export interface VideoPlayerRef extends MediaPlayerRef {
   toggleFullscreen: () => void;
 }
 
-// Setting playsInSilentModeIOS prop directly on Video component is unreliable,
-// so we need to set the audio mode globally before playing.
-// See:
-// https://github.com/expo/expo/issues/7485
-// https://stackoverflow.com/questions/57371543/how-to-fix-video-play-but-dont-have-sound-on-ios-with-expo
-const triggerAudio = async (ref: React.RefObject<MediaPlayerRef | null>) => {
-  if (ref && ref?.current && Platform.OS === "ios") {
-    await Audio.setAudioModeAsync({ playsInSilentModeIOS: true });
-    ref.current.play();
-  }
-};
-
 const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(
   (
     {
       style,
       resizeMode = "contain",
       posterResizeMode = "cover",
+      posterSource,
+      usePoster = false,
       onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
       onPlaybackFinish,
       source,
       playsInSilentModeIOS = false,
+      isMuted = false,
+      useNativeControls = true,
+      shouldPlay = false,
+      isLooping = false,
+      positionMillis,
+      allowsFullscreen = true,
+      rate = 1,
+      volume = 1,
       ...rest
     },
     ref
   ) => {
-    const [videoMediaObject, setVideoMediaObject] =
-      React.useState<VideoPlayerComponent | null>();
+    const stableSource = useSourceDeepCompareMemoize(
+      normalizeBase64Source(source, "video")
+    );
+
+    const player = useVideoPlayer(stableSource, (p) => {
+      p.loop = isLooping;
+      p.muted = isMuted;
+      p.volume = volume;
+      p.playbackRate = rate;
+    });
+
+    const videoPlayerRef = React.useRef<VideoPlayerComponent>(null);
     const [isPlaying, setIsPlaying] = React.useState(false);
     const [isFullscreen, setIsFullscreen] = React.useState(false);
-    const [currentSource, setCurrentSource] =
-      React.useState<AVPlaybackSource>();
+    const [showPoster, setShowPoster] = React.useState(
+      usePoster && !!posterSource
+    );
+
     const mediaPlaybackWrapperRef = React.useRef<MediaPlayerRef>(null);
 
     const sizeStyles = extractSizeStyles(style);
 
-    let mappedResizeMode;
+    React.useEffect(() => {
+      player.muted = isMuted;
+    }, [player, isMuted]);
+
+    React.useEffect(() => {
+      player.loop = isLooping;
+    }, [player, isLooping]);
+
+    React.useEffect(() => {
+      player.volume = volume;
+    }, [player, volume]);
+
+    React.useEffect(() => {
+      player.playbackRate = rate;
+    }, [player, rate]);
+
+    // Refs so statusChange can read latest shouldPlay/positionMillis
+    const shouldPlayRef = React.useRef(shouldPlay);
+    const positionMillisRef = React.useRef(positionMillis);
+    shouldPlayRef.current = shouldPlay;
+    positionMillisRef.current = positionMillis;
+
+    const hasAppliedInitialState = React.useRef(false);
+
+    React.useEffect(() => {
+      const timeUpdateSub = player.addListener("timeUpdate", (status) => {
+        onPlaybackStatusUpdateProp?.(mapToMediaPlayerStatus(status, player));
+      });
+
+      const playingChangeSub = player.addListener(
+        "playingChange",
+        ({ isPlaying: playing }) => {
+          setIsPlaying(playing);
+          onPlaybackStatusUpdateProp?.(mapPlayerToMediaPlayerStatus(player));
+        }
+      );
+
+      const playToEndSub = player.addListener("playToEnd", () => {
+        onPlaybackFinish?.();
+      });
+
+      const statusChangeSub = player.addListener(
+        "statusChange",
+        ({ status, error }) => {
+          if (status === "readyToPlay") {
+            setShowPoster(false);
+            if (!hasAppliedInitialState.current) {
+              hasAppliedInitialState.current = true;
+              if (positionMillisRef.current) {
+                player.currentTime = positionMillisRef.current / 1000;
+              }
+              if (shouldPlayRef.current) {
+                player.play();
+              }
+            }
+          }
+          const mappedStatus = mapPlayerToMediaPlayerStatus(player);
+          onPlaybackStatusUpdateProp?.(
+            status === "error" && error
+              ? { ...mappedStatus, isError: true, error: error.message }
+              : mappedStatus
+          );
+        }
+      );
+
+      return () => {
+        timeUpdateSub.remove();
+        playingChangeSub.remove();
+        playToEndSub.remove();
+        statusChangeSub.remove();
+      };
+    }, []);
+
+    // Replace video source when it changes (deep comparison on URI to avoid unnecessary reloads)
+    const isFirstSourceRender = React.useRef(true);
+    useSourceDeepCompareEffect(() => {
+      if (isFirstSourceRender.current) {
+        isFirstSourceRender.current = false;
+        return;
+      }
+      hasAppliedInitialState.current = false;
+      player.replace(normalizeBase64Source(source, "video") as VideoSource);
+    }, [source]);
+
+    let mappedVideoContentFit: VideoContentFit;
     switch (resizeMode) {
       case "contain":
-        mappedResizeMode = ExpoResizeMode.CONTAIN;
+        mappedVideoContentFit = "contain";
         break;
       case "cover":
-        mappedResizeMode = ExpoResizeMode.COVER;
+        mappedVideoContentFit = "cover";
         break;
       case "stretch":
-        mappedResizeMode = ExpoResizeMode.STRETCH;
+        mappedVideoContentFit = "fill";
         break;
     }
 
-    const onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
-      const mappedStatus = mapToMediaPlayerStatus(status);
-      onPlaybackStatusUpdateProp?.(mappedStatus);
-
-      if (status.isLoaded) {
-        if (status.didJustFinish) {
-          onPlaybackFinish?.();
-        }
-        setIsPlaying(status.isPlaying);
-      }
-    };
-
-    const onFullscreenUpdate = (fullscreenUpdate: VideoFullscreenUpdate) => {
-      switch (fullscreenUpdate) {
-        case VideoFullscreenUpdate.PLAYER_DID_PRESENT:
-        case VideoFullscreenUpdate.PLAYER_WILL_PRESENT:
+    const onFullscreenUpdate = (type: "entered" | "exited") => {
+      switch (type) {
+        case "entered":
           setIsFullscreen(true);
           break;
-        case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
-        case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
+        case "exited":
           setIsFullscreen(false);
           break;
       }
     };
 
     const toggleFullscreen = React.useCallback(async () => {
-      if (isFullscreen) {
-        await videoMediaObject?.dismissFullscreenPlayer();
-      } else {
-        await videoMediaObject?.presentFullscreenPlayer();
+      if (videoPlayerRef) {
+        if (isFullscreen) {
+          await videoPlayerRef.current?.exitFullscreen();
+        } else {
+          await videoPlayerRef.current?.enterFullscreen();
+        }
       }
-    }, [isFullscreen, videoMediaObject]);
+    }, [isFullscreen]);
 
     const updateAudioMode = React.useCallback(async () => {
       try {
-        await Audio.setAudioModeAsync({
-          playsInSilentModeIOS,
+        await setAudioModeAsync({
+          playsInSilentMode: playsInSilentModeIOS,
         });
       } catch (e) {
         console.error("Failed to set audio mode. Error details:", e);
       }
     }, [playsInSilentModeIOS]);
 
-    React.useEffect(() => {
-      if (isPlaying) triggerAudio(mediaPlaybackWrapperRef);
-    }, [mediaPlaybackWrapperRef, isPlaying]);
-
     React.useImperativeHandle(
       ref,
       () => ({
@@ -147,36 +241,69 @@ const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(
       [toggleFullscreen, isPlaying]
     );
 
-    useSourceDeepCompareEffect(() => {
-      const updateSource = async () => {
-        const finalSource = await normalizeBase64Source(source, "video");
-        setCurrentSource(finalSource);
-      };
-      updateSource();
-    }, [source]);
-
     return (
       <MediaPlaybackWrapper
-        media={videoMediaObject as Playback | undefined}
+        player={player}
         isPlaying={isPlaying}
         ref={mediaPlaybackWrapperRef}
         onTogglePlayback={updateAudioMode}
       >
-        <VideoPlayerComponent
-          // https://docs.expo.dev/versions/latest/sdk/av/#example-video to see why ref is handled this way
-          ref={(component) => setVideoMediaObject(component)}
-          style={style}
-          videoStyle={sizeStyles}
-          resizeMode={mappedResizeMode}
-          posterStyle={[sizeStyles, { resizeMode: posterResizeMode }]}
-          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
-          onFullscreenUpdate={(e) => onFullscreenUpdate(e.fullscreenUpdate)}
-          source={currentSource}
-          {...rest}
-        />
+        <View style={[style, styles.container]}>
+          <VideoPlayerComponent
+            ref={videoPlayerRef}
+            player={player}
+            nativeControls={useNativeControls}
+            style={sizeStyles}
+            contentFit={mappedVideoContentFit}
+            onFullscreenEnter={() => onFullscreenUpdate("entered")}
+            onFullscreenExit={() => onFullscreenUpdate("exited")}
+            allowsFullscreen={allowsFullscreen}
+            {...rest}
+          />
+          {showPoster && posterSource && (
+            <View style={StyleSheet.absoluteFill} pointerEvents="none">
+              <Image
+                source={posterSource}
+                resizeMode={posterResizeMode}
+                style={[StyleSheet.absoluteFill, sizeStyles]}
+              />
+            </View>
+          )}
+        </View>
       </MediaPlaybackWrapper>
     );
   }
 );
 
+const styles = StyleSheet.create({
+  container: {
+    overflow: "hidden",
+  },
+});
+
+function mapPlayerToMediaPlayerStatus(
+  player: VideoPlayerType
+): MediaPlayerStatus {
+  return {
+    isPlaying: player.playing,
+    isLoading: player.status === "loading",
+    isBuffering: player.status === "loading",
+    currentPositionMillis: player.currentTime * 1000,
+    durationMillis: player.duration * 1000,
+    bufferedDurationMillis: player.bufferedPosition * 1000,
+    isError: player.status === "error",
+  };
+}
+
+export function mapToMediaPlayerStatus(
+  status: TimeUpdateEventPayload,
+  player: VideoPlayerType
+): MediaPlayerStatus {
+  return {
+    ...mapPlayerToMediaPlayerStatus(player),
+    currentPositionMillis: status.currentTime * 1000,
+    bufferedDurationMillis: status.bufferedPosition * 1000,
+  };
+}
+
 export default VideoPlayer;

package/src/Provider.js

@@ -1,10 +0,0 @@
-import React from "react";
-import PortalHost from "./components/Portal/PortalHost";
-import { ThemeProvider } from "@draftbit/theme";
-export default class Provider extends React.Component {
-    render() {
-        return (React.createElement(ThemeProvider, { themes: this.props.themes, breakpoints: this.props.breakpoints, initialThemeName: this.props.initialThemeName },
-            React.createElement(PortalHost, null, this.props.children)));
-    }
-}
-//# sourceMappingURL=Provider.js.map

package/src/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAClE,MAAM;QACJ,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAE7C,oBAAC,UAAU,QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAc,CAChC,CACjB,CAAC;IACJ,CAAC;CACF"}

package/src/components/AccordionGroup.js

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Pressable, } from "react-native";
-import Text from "./Text";
-import { withTheme } from "@draftbit/theme";
-import { extractStyles } from "../utilities";
-const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
-    const [expanded, setExpanded] = React.useState(expandedProp);
-    const { textStyles, viewStyles } = extractStyles(style);
-    const expandedColor = openColor || theme.colors.branding.primary;
-    const collapsedColor = closedColor || theme.colors.branding.primary;
-    const labelColor = expanded ? expandedColor : collapsedColor;
-    const caretColor = caretColorProp || labelColor;
-    React.useEffect(() => {
-        if (expandedProp !== expanded) {
-            setExpanded(expandedProp);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [expandedProp]);
-    const handlePressAction = () => {
-        setExpanded(!expanded);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
-            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
-            React.createElement(View, { style: styles.content },
-                React.createElement(Text, { selectable: false, style: [
-                        textStyles,
-                        {
-                            color: labelColor,
-                        },
-                    ] }, label)),
-            React.createElement(Icon, { name: expanded
-                    ? "MaterialIcons/keyboard-arrow-up"
-                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
-        expanded ? children : null));
-};
-const styles = StyleSheet.create({
-    row: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    content: {
-        flex: 1,
-        justifyContent: "center",
-    },
-    icon: {
-        marginRight: 8,
-    },
-});
-export default withTheme(AccordionGroup);
-//# sourceMappingURL=AccordionGroup.js.map

package/src/components/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["AccordionGroup.tsx"],"names":[],"mappings":"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"}

package/src/components/ActionSheet/ActionSheet.js

@@ -1,46 +0,0 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import ActionSheetCancel from "./ActionSheetCancel";
-const ActionSheet = ({ visible = false, onClose, children }) => {
-    return visible ? (React.createElement(Portal, null,
-        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
-            React.createElement(View, { style: styles.overlay }),
-            React.createElement(View, { style: styles.groupWrapper },
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
-                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-    },
-    overlay: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "#000000",
-        opacity: 0.3,
-    },
-    groupWrapper: {
-        flex: 1,
-        flexDirection: "column",
-        justifyContent: "flex-end",
-        display: "flex",
-        marginBottom: 25,
-    },
-    group: {
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 10,
-        marginHorizontal: 7,
-        marginVertical: 2.5,
-        overflow: "hidden",
-    },
-});
-export default ActionSheet;
-//# sourceMappingURL=ActionSheet.js.map

package/src/components/ActionSheet/ActionSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAQpD,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE;IACpE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM;QACL,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO;YAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,iBAAiB,CAClD,CACI;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,CACjD,CACI,CACF,CACG,CACL,CACV,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,GAAG;KACb;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,EAAE;QAChB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,GAAG;QACnB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -1,7 +0,0 @@
-import React from "react";
-import ActionSheetItem from "./ActionSheetItem";
-const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
-    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: style, onPress: onPress }));
-};
-export default ActionSheetCancel;
-//# sourceMappingURL=ActionSheetCancel.js.map

package/src/components/ActionSheet/ActionSheetCancel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetCancel.js","sourceRoot":"","sources":["ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,MAAM,iBAAiB,GAA6C,CAAC,EACnE,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/src/components/ActionSheet/ActionSheetItem.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { Text, StyleSheet, TouchableOpacity, } from "react-native";
-import { extractStyles } from "../../utilities";
-const ActionSheetItem = ({ label, style, color, onPress, activeOpacity = 0.7, }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(TouchableOpacity, { activeOpacity: activeOpacity, style: [styles.wrapper, viewStyles], onPress: onPress },
-        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: "#CCCCCC",
-        backgroundColor: "#F1F1F1",
-        minHeight: 50,
-        overflow: "hidden",
-        display: "flex",
-        justifyContent: "center",
-    },
-    label: {
-        fontSize: 16,
-        textAlign: "center",
-        color: "#0A84FF",
-        fontWeight: "500",
-        overflow: "hidden",
-        paddingHorizontal: 20,
-        paddingVertical: 10,
-        alignSelf: "center",
-    },
-});
-export default ActionSheetItem;
-//# sourceMappingURL=ActionSheetItem.js.map

package/src/components/ActionSheet/ActionSheetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,MAAM,eAAe,GAA6C,CAAC,EACjE,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,aAAa,GAAG,GAAG,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,EACnC,OAAO,EAAE,OAAO;QAEhB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,IAAG,KAAK,CAAQ,CACjD,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/src/components/ActionSheet/index.js

@@ -1,4 +0,0 @@
-export { default as ActionSheet } from "./ActionSheet";
-export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";
-//# sourceMappingURL=index.js.map

package/src/components/ActionSheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/components/AspectRatio.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { View, StyleSheet, } from "react-native";
-const AspectRatio = (props) => {
-    const [layout, setLayout] = React.useState(null);
-    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
-    const style = [inputStyle, { aspectRatio }];
-    if (layout) {
-        const { width = 0, height = 0 } = layout;
-        if (width === 0) {
-            style.push({ width: height * (1 / +aspectRatio), height });
-        }
-        else {
-            style.push({ width, height: width * (1 / +aspectRatio) });
-        }
-    }
-    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
-};
-export default AspectRatio;
-//# sourceMappingURL=AspectRatio.js.map

package/src/components/AspectRatio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AspectRatio.js","sourceRoot":"","sources":["AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,GAIX,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,UAAU,EAAE,GACtC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IAE5C,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAEzD,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}