@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/src/components/TextInput.tsx

@@ -1,35 +1,35 @@
-import React from "react";
-import {
-  TextInput as NativeTextInput,
-  TextInputProps as NativeTextInputProps,
-} from "react-native";
-import { useDebounce } from "../hooks";
-
-export interface TextInputProps extends NativeTextInputProps {
-  onChangeTextDelayed?: (text: string) => void;
-  changeTextDelay?: number;
-}
-
-const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
-  ({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
-    const delayedValue = useDebounce(value, changeTextDelay);
-
-    React.useEffect(() => {
-      if (delayedValue !== undefined) {
-        onChangeTextDelayed?.(delayedValue);
-      }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [delayedValue]);
-
-    return (
-      <NativeTextInput
-        testID="native-text-input"
-        ref={ref}
-        value={value}
-        {...rest}
-      />
-    );
-  }
-);
-
-export default TextInput;
+import React from "react";
+import {
+  TextInput as NativeTextInput,
+  TextInputProps as NativeTextInputProps,
+} from "react-native";
+import { useDebounce } from "../hooks";
+
+export interface TextInputProps extends NativeTextInputProps {
+  onChangeTextDelayed?: (text: string) => void;
+  changeTextDelay?: number;
+}
+
+const TextInput = React.forwardRef<NativeTextInput, TextInputProps>(
+  ({ onChangeTextDelayed, changeTextDelay = 500, value, ...rest }, ref) => {
+    const delayedValue = useDebounce(value, changeTextDelay);
+
+    React.useEffect(() => {
+      if (delayedValue !== undefined) {
+        onChangeTextDelayed?.(delayedValue);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [delayedValue]);
+
+    return (
+      <NativeTextInput
+        testID="native-text-input"
+        ref={ref}
+        value={value}
+        {...rest}
+      />
+    );
+  }
+);
+
+export default TextInput;

package/src/components/Touchable.tsx

@@ -1,40 +1,40 @@
-import React from "react";
-import { Pressable, PressableProps, ViewStyle } from "react-native";
-
-type Props = {
-  style?: ViewStyle;
-  activeOpacity?: number;
-  disabledOpacity?: number;
-} & PressableProps;
-
-export default function Touchable({
-  children,
-  disabled,
-  onPress,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
-  delayLongPress,
-  hitSlop,
-  style,
-  ...props
-}: Props) {
-  return (
-    <Pressable
-      disabled={disabled}
-      onPress={onPress}
-      delayLongPress={delayLongPress ? delayLongPress : 500}
-      hitSlop={hitSlop ? hitSlop : 8}
-      style={({ pressed }) => {
-        return [
-          {
-            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
-          },
-          style,
-        ];
-      }}
-      {...props}
-    >
-      {children}
-    </Pressable>
-  );
-}
+import React from "react";
+import { Pressable, PressableProps, ViewStyle } from "react-native";
+
+type Props = {
+  style?: ViewStyle;
+  activeOpacity?: number;
+  disabledOpacity?: number;
+} & PressableProps;
+
+export default function Touchable({
+  children,
+  disabled,
+  onPress,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
+  delayLongPress,
+  hitSlop,
+  style,
+  ...props
+}: Props) {
+  return (
+    <Pressable
+      disabled={disabled}
+      onPress={onPress}
+      delayLongPress={delayLongPress ? delayLongPress : 500}
+      hitSlop={hitSlop ? hitSlop : 8}
+      style={({ pressed }) => {
+        return [
+          {
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+          },
+          style,
+        ];
+      }}
+      {...props}
+    >
+      {children}
+    </Pressable>
+  );
+}

package/src/components/Touchable.web.tsx

@@ -1,3 +1,3 @@
-import { TouchableOpacity } from "react-native";
-
-export default TouchableOpacity;
+import { TouchableOpacity } from "react-native";
+
+export default TouchableOpacity;

package/src/components/Typography.tsx

@@ -1,67 +1,67 @@
-import React from "react";
-import { Text, TextStyle, StyleProp } from "react-native";
-import { withTheme } from "../theming";
-import Theme from "../styles/DefaultTheme";
-
-type Props = {
-  text: string;
-  style?: StyleProp<TextStyle>;
-  /**
-   * @optional
-   */
-  theme: typeof Theme;
-};
-
-export const Title = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 20,
-          letterSpacing: 0,
-          lineHeight: 26,
-          color: theme.colors.text,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
-
-export const Subtitle = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 14,
-          letterSpacing: 0,
-          lineHeight: 16,
-          color: theme.colors.medium,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
-
-export const Caption = withTheme(({ text, theme, style }: Props) => {
-  return (
-    <Text
-      style={[
-        {
-          fontSize: 12,
-          letterSpacing: 0,
-          lineHeight: 14,
-          color: theme.colors.light,
-        },
-        style,
-      ]}
-    >
-      {text}
-    </Text>
-  );
-});
+import React from "react";
+import { Text, TextStyle, StyleProp } from "react-native";
+import { withTheme } from "../theming";
+import Theme from "../styles/DefaultTheme";
+
+type Props = {
+  text: string;
+  style?: StyleProp<TextStyle>;
+  /**
+   * @optional
+   */
+  theme: typeof Theme;
+};
+
+export const Title = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 20,
+          letterSpacing: 0,
+          lineHeight: 26,
+          color: theme.colors.text,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});
+
+export const Subtitle = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 14,
+          letterSpacing: 0,
+          lineHeight: 16,
+          color: theme.colors.medium,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});
+
+export const Caption = withTheme(({ text, theme, style }: Props) => {
+  return (
+    <Text
+      style={[
+        {
+          fontSize: 12,
+          letterSpacing: 0,
+          lineHeight: 14,
+          color: theme.colors.light,
+        },
+        style,
+      ]}
+    >
+      {text}
+    </Text>
+  );
+});

package/src/components/YoutubePlayer/YoutubePlayer.native.tsx

@@ -1,28 +1,28 @@
-import React from "react";
-import YoutubePlayerIFrame from "react-native-youtube-iframe";
-import { extractStyles } from "../../utilities";
-import { YoutubePlayerProps } from "./YoutubePlayerProps";
-
-const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
-  videoId,
-  playlist,
-  autoplay = false,
-  style,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const defaultVideoId = "nwMUpDESXrI";
-
-  return (
-    <YoutubePlayerIFrame
-      width={viewStyles.width}
-      height={viewStyles.height}
-      play={autoplay}
-      videoId={!videoId && !playlist ? defaultVideoId : videoId}
-      playList={playlist}
-      webViewStyle={viewStyles}
-      webViewProps={{ androidLayerType: "software" }} //Addresses a webview bug causing crashes on android: https://stackoverflow.com/a/71642894/8805150
-    />
-  );
-};
-
-export default YoutubePlayer;
+import React from "react";
+import YoutubePlayerIFrame from "react-native-youtube-iframe";
+import { extractStyles } from "../../utilities";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+
+const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
+  videoId,
+  playlist,
+  autoplay = false,
+  style,
+}) => {
+  const { viewStyles } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+
+  return (
+    <YoutubePlayerIFrame
+      width={viewStyles.width}
+      height={viewStyles.height}
+      play={autoplay}
+      videoId={!videoId && !playlist ? defaultVideoId : videoId}
+      playList={playlist}
+      webViewStyle={viewStyles}
+      webViewProps={{ androidLayerType: "software" }} //Addresses a webview bug causing crashes on android: https://stackoverflow.com/a/71642894/8805150
+    />
+  );
+};
+
+export default YoutubePlayer;

package/src/components/YoutubePlayer/YoutubePlayer.tsx

@@ -1,36 +1,36 @@
-import React from "react";
-import { View } from "react-native";
-import { extractStyles } from "../../utilities";
-import { YoutubePlayerProps } from "./YoutubePlayerProps";
-import YouTube, { YouTubeProps } from "react-youtube";
-
-const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
-  videoId,
-  playlist,
-  autoplay = false,
-  style,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const defaultVideoId = "nwMUpDESXrI";
-
-  const options: YouTubeProps["opts"] = {
-    width: viewStyles.width,
-    height: viewStyles.height,
-    playerVars: {
-      autoplay: autoplay ? 1 : 0,
-      list: playlist,
-      listType: "playlist",
-    },
-  };
-
-  return (
-    <View style={viewStyles}>
-      <YouTube
-        videoId={!videoId && !playlist ? defaultVideoId : videoId}
-        opts={options}
-      />
-    </View>
-  );
-};
-
-export default YoutubePlayer;
+import React from "react";
+import { View } from "react-native";
+import { extractStyles } from "../../utilities";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+import YouTube, { YouTubeProps } from "react-youtube";
+
+const YoutubePlayer: React.FC<YoutubePlayerProps> = ({
+  videoId,
+  playlist,
+  autoplay = false,
+  style,
+}) => {
+  const { viewStyles } = extractStyles(style);
+  const defaultVideoId = "nwMUpDESXrI";
+
+  const options: YouTubeProps["opts"] = {
+    width: viewStyles.width,
+    height: viewStyles.height,
+    playerVars: {
+      autoplay: autoplay ? 1 : 0,
+      list: playlist,
+      listType: "playlist",
+    },
+  };
+
+  return (
+    <View style={viewStyles}>
+      <YouTube
+        videoId={!videoId && !playlist ? defaultVideoId : videoId}
+        opts={options}
+      />
+    </View>
+  );
+};
+
+export default YoutubePlayer;

package/src/components/YoutubePlayer/YoutubePlayerProps.ts

@@ -1,8 +1,8 @@
-import { StyleProp, ViewStyle } from "react-native";
-
-export interface YoutubePlayerProps {
-  videoId?: string;
-  playlist?: string;
-  autoplay?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
+import { StyleProp, ViewStyle } from "react-native";
+
+export interface YoutubePlayerProps {
+  videoId?: string;
+  playlist?: string;
+  autoplay?: boolean;
+  style?: StyleProp<ViewStyle>;
+}

package/src/components/YoutubePlayer/index.ts

@@ -1 +1 @@
-export { default as YoutubePlayer } from "./YoutubePlayer";
+export { default as YoutubePlayer } from "./YoutubePlayer";

package/src/components/useAuthState.tsx

@@ -1,41 +1,41 @@
-import * as React from "react";
-
-/**
- * @deprecated DEPRECATED
- */
-export const useAuthState = (auth: any) => {
-  const [error, setError] = React.useState();
-  const [value, setValue] = React.useState(auth.currentUser);
-
-  React.useEffect(() => {
-    const list = auth.onAuthStateChanged(setValue, setError);
-
-    return () => {
-      list();
-    };
-  }, [auth]);
-
-  const signInWithEmailAndPassword = (user: string, password: string) => {
-    auth
-      .signInWithEmailAndPassword(user, password)
-      .then(setValue)
-      .catch(setError);
-  };
-
-  const createUserWithEmailAndPassword = (user: string, password: string) => {
-    auth
-      .signInWithEmailAndPassword(user, password)
-      .then(setValue)
-      .catch(setError);
-  };
-
-  const signOut = () => auth.signOut();
-
-  return [
-    value,
-    error,
-    signInWithEmailAndPassword,
-    signOut,
-    createUserWithEmailAndPassword,
-  ];
-};
+import * as React from "react";
+
+/**
+ * @deprecated DEPRECATED
+ */
+export const useAuthState = (auth: any) => {
+  const [error, setError] = React.useState();
+  const [value, setValue] = React.useState(auth.currentUser);
+
+  React.useEffect(() => {
+    const list = auth.onAuthStateChanged(setValue, setError);
+
+    return () => {
+      list();
+    };
+  }, [auth]);
+
+  const signInWithEmailAndPassword = (user: string, password: string) => {
+    auth
+      .signInWithEmailAndPassword(user, password)
+      .then(setValue)
+      .catch(setError);
+  };
+
+  const createUserWithEmailAndPassword = (user: string, password: string) => {
+    auth
+      .signInWithEmailAndPassword(user, password)
+      .then(setValue)
+      .catch(setError);
+  };
+
+  const signOut = () => auth.signOut();
+
+  return [
+    value,
+    error,
+    signInWithEmailAndPassword,
+    signOut,
+    createUserWithEmailAndPassword,
+  ];
+};

package/src/constants.ts

@@ -1,13 +1,13 @@
-import { Platform } from "react-native";
-
-// @ts-ignore
-const expo = global.__expo;
-
-const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo?.Constants
-  ? expo.Constants.statusBarHeight
-  : 0;
-
-export const APPROX_STATUSBAR_HEIGHT = Platform.select({
-  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
-  ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0,
-});
+import { Platform } from "react-native";
+
+// @ts-ignore
+const expo = global.__expo;
+
+const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo?.Constants
+  ? expo.Constants.statusBarHeight
+  : 0;
+
+export const APPROX_STATUSBAR_HEIGHT = Platform.select({
+  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
+  ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0,
+});