@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/src/components/MediaPlayer/MediaPlayerCommon.ts

@@ -1,52 +1,52 @@
-import { AVPlaybackSource, AVPlaybackStatus } from "expo-av";
-
-export interface MediaPlayerStatus {
-  isPlaying: boolean;
-  isLoading: boolean;
-  isBuffering: boolean;
-  currentPositionMillis: number;
-  durationMillis: number;
-  bufferedDurationMillis: number;
-  isError: boolean;
-  error?: string;
-}
-
-export interface MediaPlayerRef {
-  seekToPosition: (positionMillis: number) => void;
-  togglePlayback: () => void;
-  pause: () => void;
-  play: () => void;
-}
-
-export interface MediaPlayerProps {
-  onPlaybackStatusUpdate?: (status: MediaPlayerStatus) => void;
-  onPlaybackFinish?: () => void;
-  source: AVPlaybackSource;
-}
-
-export function mapToMediaPlayerStatus(
-  status: AVPlaybackStatus
-): MediaPlayerStatus {
-  if (status.isLoaded) {
-    return {
-      isPlaying: status.isPlaying,
-      isLoading: false,
-      isBuffering: status.isBuffering,
-      currentPositionMillis: status.positionMillis || 0,
-      durationMillis: status.durationMillis || 0,
-      bufferedDurationMillis: status.playableDurationMillis || 0,
-      isError: false,
-    };
-  }
-
-  return {
-    isPlaying: false,
-    isLoading: false,
-    isBuffering: false,
-    currentPositionMillis: 0,
-    durationMillis: 0,
-    bufferedDurationMillis: 0,
-    isError: true,
-    error: status.error,
-  };
-}
+import { AVPlaybackSource, AVPlaybackStatus } from "expo-av";
+
+export interface MediaPlayerStatus {
+  isPlaying: boolean;
+  isLoading: boolean;
+  isBuffering: boolean;
+  currentPositionMillis: number;
+  durationMillis: number;
+  bufferedDurationMillis: number;
+  isError: boolean;
+  error?: string;
+}
+
+export interface MediaPlayerRef {
+  seekToPosition: (positionMillis: number) => void;
+  togglePlayback: () => void;
+  pause: () => void;
+  play: () => void;
+}
+
+export interface MediaPlayerProps {
+  onPlaybackStatusUpdate?: (status: MediaPlayerStatus) => void;
+  onPlaybackFinish?: () => void;
+  source: AVPlaybackSource;
+}
+
+export function mapToMediaPlayerStatus(
+  status: AVPlaybackStatus
+): MediaPlayerStatus {
+  if (status.isLoaded) {
+    return {
+      isPlaying: status.isPlaying,
+      isLoading: false,
+      isBuffering: status.isBuffering,
+      currentPositionMillis: status.positionMillis || 0,
+      durationMillis: status.durationMillis || 0,
+      bufferedDurationMillis: status.playableDurationMillis || 0,
+      isError: false,
+    };
+  }
+
+  return {
+    isPlaying: false,
+    isLoading: false,
+    isBuffering: false,
+    currentPositionMillis: 0,
+    durationMillis: 0,
+    bufferedDurationMillis: 0,
+    isError: true,
+    error: status.error,
+  };
+}

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -0,0 +1,75 @@
+import React from "react";
+import { Video as VideoPlayerComponent, ResizeMode as ExpoResizeMode, VideoFullscreenUpdate, } from "expo-av";
+import { extractSizeStyles } from "../../../utilities";
+import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
+import { mapToMediaPlayerStatus, } from "../MediaPlayerCommon";
+const VideoPlayer = React.forwardRef(({ style, resizeMode = "contain", posterResizeMode = "cover", onPlaybackStatusUpdate: onPlaybackStatusUpdateProp, onPlaybackFinish, ...rest }, ref) => {
+    const [videoMediaObject, setVideoMediaObject] = React.useState();
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const mediaPlaybackWrapperRef = React.useRef(null);
+    const sizeStyles = extractSizeStyles(style);
+    let mappedResizeMode;
+    switch (resizeMode) {
+        case "contain":
+            mappedResizeMode = ExpoResizeMode.CONTAIN;
+            break;
+        case "cover":
+            mappedResizeMode = ExpoResizeMode.COVER;
+            break;
+        case "stretch":
+            mappedResizeMode = ExpoResizeMode.STRETCH;
+            break;
+    }
+    const onPlaybackStatusUpdate = (status) => {
+        const mappedStatus = mapToMediaPlayerStatus(status);
+        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp(mappedStatus);
+        if (status.isLoaded) {
+            if (status.didJustFinish) {
+                onPlaybackFinish === null || onPlaybackFinish === void 0 ? void 0 : onPlaybackFinish();
+            }
+            setIsPlaying(status.isPlaying);
+        }
+    };
+    const onFullscreenUpdate = (fullscreenUpdate) => {
+        switch (fullscreenUpdate) {
+            case VideoFullscreenUpdate.PLAYER_DID_PRESENT:
+            case VideoFullscreenUpdate.PLAYER_WILL_PRESENT:
+                setIsFullscreen(true);
+                break;
+            case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
+            case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
+                setIsFullscreen(false);
+                break;
+        }
+    };
+    const toggleFullscreen = React.useCallback(async () => {
+        if (isFullscreen) {
+            await (videoMediaObject === null || videoMediaObject === void 0 ? void 0 : videoMediaObject.dismissFullscreenPlayer());
+        }
+        else {
+            await (videoMediaObject === null || videoMediaObject === void 0 ? void 0 : videoMediaObject.presentFullscreenPlayer());
+        }
+    }, [isFullscreen, videoMediaObject]);
+    React.useImperativeHandle(ref, () => {
+        var _a, _b, _c, _d;
+        return ({
+            toggleFullscreen,
+            seekToPosition: ((_a = mediaPlaybackWrapperRef.current) === null || _a === void 0 ? void 0 : _a.seekToPosition) || (() => { }),
+            togglePlayback: ((_b = mediaPlaybackWrapperRef.current) === null || _b === void 0 ? void 0 : _b.togglePlayback) || (() => { }),
+            pause: ((_c = mediaPlaybackWrapperRef.current) === null || _c === void 0 ? void 0 : _c.pause) || (() => { }),
+            play: ((_d = mediaPlaybackWrapperRef.current) === null || _d === void 0 ? void 0 : _d.play) || (() => { }),
+        });
+    }, 
+    // Include 'isPlaying' as dependency because 'togglePlayback' changes when it changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [toggleFullscreen, isPlaying]);
+    return (React.createElement(MediaPlaybackWrapper, { media: videoMediaObject, isPlaying: isPlaying, ref: mediaPlaybackWrapperRef },
+        React.createElement(VideoPlayerComponent
+        // https://docs.expo.dev/versions/latest/sdk/av/#example-video to see why ref is handled this way
+        , { 
+            // 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), ...rest })));
+});
+export default VideoPlayer;
+//# sourceMappingURL=VideoPlayer.js.map

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js.map

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

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

@@ -1,138 +1,138 @@
-import React from "react";
-import { ImageResizeMode } from "react-native";
-import {
-  Video as VideoPlayerComponent,
-  VideoProps as ExpoVideoProps,
-  ResizeMode as ExpoResizeMode,
-  AVPlaybackStatus,
-  VideoFullscreenUpdate,
-} from "expo-av";
-import { extractSizeStyles } from "../../../utilities";
-import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
-import type { Playback } from "expo-av/src/AV";
-import {
-  MediaPlayerProps,
-  MediaPlayerRef,
-  mapToMediaPlayerStatus,
-} from "../MediaPlayerCommon";
-
-type ResizeMode = "contain" | "cover" | "stretch";
-type ExpoVideoPropsOmitted = Omit<
-  ExpoVideoProps,
-  "videoStyle" | "resizeMode" | "onPlaybackStatusUpdate" | "source"
->;
-
-interface VideoPlayerProps extends ExpoVideoPropsOmitted, MediaPlayerProps {
-  resizeMode?: ResizeMode;
-  posterResizeMode?: ImageResizeMode;
-}
-
-export interface VideoPlayerRef extends MediaPlayerRef {
-  toggleFullscreen: () => void;
-}
-
-const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(
-  (
-    {
-      style,
-      resizeMode = "contain",
-      posterResizeMode = "cover",
-      onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
-      onPlaybackFinish,
-      ...rest
-    },
-    ref
-  ) => {
-    const [videoMediaObject, setVideoMediaObject] =
-      React.useState<VideoPlayerComponent | null>();
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    const [isFullscreen, setIsFullscreen] = React.useState(false);
-    const mediaPlaybackWrapperRef = React.useRef<MediaPlayerRef>(null);
-
-    const sizeStyles = extractSizeStyles(style);
-
-    let mappedResizeMode;
-    switch (resizeMode) {
-      case "contain":
-        mappedResizeMode = ExpoResizeMode.CONTAIN;
-        break;
-      case "cover":
-        mappedResizeMode = ExpoResizeMode.COVER;
-        break;
-      case "stretch":
-        mappedResizeMode = ExpoResizeMode.STRETCH;
-        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:
-          setIsFullscreen(true);
-          break;
-        case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
-        case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
-          setIsFullscreen(false);
-          break;
-      }
-    };
-
-    const toggleFullscreen = React.useCallback(async () => {
-      if (isFullscreen) {
-        await videoMediaObject?.dismissFullscreenPlayer();
-      } else {
-        await videoMediaObject?.presentFullscreenPlayer();
-      }
-    }, [isFullscreen, videoMediaObject]);
-
-    React.useImperativeHandle(
-      ref,
-      () => ({
-        toggleFullscreen,
-        seekToPosition:
-          mediaPlaybackWrapperRef.current?.seekToPosition || (() => {}),
-        togglePlayback:
-          mediaPlaybackWrapperRef.current?.togglePlayback || (() => {}),
-        pause: mediaPlaybackWrapperRef.current?.pause || (() => {}),
-        play: mediaPlaybackWrapperRef.current?.play || (() => {}),
-      }),
-      // Include 'isPlaying' as dependency because 'togglePlayback' changes when it changes
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [toggleFullscreen, isPlaying]
-    );
-
-    return (
-      <MediaPlaybackWrapper
-        media={videoMediaObject as Playback | undefined}
-        isPlaying={isPlaying}
-        ref={mediaPlaybackWrapperRef}
-      >
-        <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)}
-          {...rest}
-        />
-      </MediaPlaybackWrapper>
-    );
-  }
-);
-
-export default VideoPlayer;
+import React from "react";
+import { ImageResizeMode } from "react-native";
+import {
+  Video as VideoPlayerComponent,
+  VideoProps as ExpoVideoProps,
+  ResizeMode as ExpoResizeMode,
+  AVPlaybackStatus,
+  VideoFullscreenUpdate,
+} from "expo-av";
+import { extractSizeStyles } from "../../../utilities";
+import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
+import type { Playback } from "expo-av/src/AV";
+import {
+  MediaPlayerProps,
+  MediaPlayerRef,
+  mapToMediaPlayerStatus,
+} from "../MediaPlayerCommon";
+
+type ResizeMode = "contain" | "cover" | "stretch";
+type ExpoVideoPropsOmitted = Omit<
+  ExpoVideoProps,
+  "videoStyle" | "resizeMode" | "onPlaybackStatusUpdate" | "source"
+>;
+
+interface VideoPlayerProps extends ExpoVideoPropsOmitted, MediaPlayerProps {
+  resizeMode?: ResizeMode;
+  posterResizeMode?: ImageResizeMode;
+}
+
+export interface VideoPlayerRef extends MediaPlayerRef {
+  toggleFullscreen: () => void;
+}
+
+const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(
+  (
+    {
+      style,
+      resizeMode = "contain",
+      posterResizeMode = "cover",
+      onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
+      onPlaybackFinish,
+      ...rest
+    },
+    ref
+  ) => {
+    const [videoMediaObject, setVideoMediaObject] =
+      React.useState<VideoPlayerComponent | null>();
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const mediaPlaybackWrapperRef = React.useRef<MediaPlayerRef>(null);
+
+    const sizeStyles = extractSizeStyles(style);
+
+    let mappedResizeMode;
+    switch (resizeMode) {
+      case "contain":
+        mappedResizeMode = ExpoResizeMode.CONTAIN;
+        break;
+      case "cover":
+        mappedResizeMode = ExpoResizeMode.COVER;
+        break;
+      case "stretch":
+        mappedResizeMode = ExpoResizeMode.STRETCH;
+        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:
+          setIsFullscreen(true);
+          break;
+        case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
+        case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
+          setIsFullscreen(false);
+          break;
+      }
+    };
+
+    const toggleFullscreen = React.useCallback(async () => {
+      if (isFullscreen) {
+        await videoMediaObject?.dismissFullscreenPlayer();
+      } else {
+        await videoMediaObject?.presentFullscreenPlayer();
+      }
+    }, [isFullscreen, videoMediaObject]);
+
+    React.useImperativeHandle(
+      ref,
+      () => ({
+        toggleFullscreen,
+        seekToPosition:
+          mediaPlaybackWrapperRef.current?.seekToPosition || (() => {}),
+        togglePlayback:
+          mediaPlaybackWrapperRef.current?.togglePlayback || (() => {}),
+        pause: mediaPlaybackWrapperRef.current?.pause || (() => {}),
+        play: mediaPlaybackWrapperRef.current?.play || (() => {}),
+      }),
+      // Include 'isPlaying' as dependency because 'togglePlayback' changes when it changes
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [toggleFullscreen, isPlaying]
+    );
+
+    return (
+      <MediaPlaybackWrapper
+        media={videoMediaObject as Playback | undefined}
+        isPlaying={isPlaying}
+        ref={mediaPlaybackWrapperRef}
+      >
+        <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)}
+          {...rest}
+        />
+      </MediaPlaybackWrapper>
+    );
+  }
+);
+
+export default VideoPlayer;

package/src/components/MediaPlayer/VideoPlayer/index.js

@@ -0,0 +1,2 @@
+export { default as default } from "./VideoPlayer";
+//# sourceMappingURL=index.js.map

package/src/components/MediaPlayer/VideoPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/src/components/MediaPlayer/VideoPlayer/index.ts

@@ -1,2 +1,2 @@
-export { default as default } from "./VideoPlayer";
-export { VideoPlayerRef } from "./VideoPlayer";
+export { default as default } from "./VideoPlayer";
+export { VideoPlayerRef } from "./VideoPlayer";

package/src/components/NumberInput.js

@@ -0,0 +1,60 @@
+import React, { useEffect, useState } from "react";
+import { TextInput as NativeTextInput } from "react-native";
+import { isString, isNumber, isNaN } from "lodash";
+import { useDebounce } from "../hooks";
+const NumberInput = React.forwardRef(({ onChangeText, onChangeTextDelayed, changeTextDelay = 500, value, defaultValue, ...props }, ref) => {
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
+    const delayedValue = useDebounce(value, changeTextDelay);
+    const formatValueToStringNumber = (valueToFormat) => {
+        if (valueToFormat != null) {
+            if (isString(valueToFormat) && valueToFormat !== "") {
+                if (/^0[1-9]$/.test(valueToFormat)) {
+                    return valueToFormat.slice(1);
+                }
+                else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
+                    return valueToFormat;
+                }
+                else {
+                    return currentStringNumberValue;
+                }
+            }
+            else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
+                return valueToFormat.toString();
+            }
+        }
+        return "";
+    };
+    const handleChangeText = (newValue) => {
+        const newStringNumberValue = formatValueToStringNumber(newValue);
+        const number = parseFloat(newStringNumberValue);
+        setCurrentStringNumberValue(newStringNumberValue);
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
+    };
+    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+    useEffect(() => {
+        const nextStringNumberValue = formatValueToStringNumber(value);
+        if (currentStringNumberValue !== nextStringNumberValue) {
+            handleChangeText(nextStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
+    useEffect(() => {
+        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
+        if (currentStringNumberValue !== defaultStringNumberValue) {
+            setCurrentStringNumberValue(defaultStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        if (delayedValue !== undefined) {
+            const newStringNumberValue = formatValueToStringNumber(delayedValue);
+            const number = parseFloat(newStringNumberValue);
+            onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(number);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [delayedValue]);
+    return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
+});
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/src/components/NumberInput.js.map

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