@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/src/components/DeckSwiper/index.tsx

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

package/src/components/Divider.tsx

@@ -1,32 +1,32 @@
-import * as React from "react";
-import { StyleSheet, View, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  style?: StyleProp<ViewStyle>;
-  color?: string;
-  theme: typeof theme;
-};
-
-const Divider: React.FC<React.PropsWithChildren<Props>> = ({
-  style,
-  color,
-  theme: { colors },
-  ...rest
-}) => {
-  return (
-    <View
-      style={[
-        {
-          backgroundColor: color || colors.divider,
-          height: StyleSheet.hairlineWidth,
-        },
-        style,
-      ]}
-      {...rest}
-    />
-  );
-};
-
-export default withTheme(Divider);
+import * as React from "react";
+import { StyleSheet, View, StyleProp, ViewStyle } from "react-native";
+import { withTheme } from "../theming";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  style?: StyleProp<ViewStyle>;
+  color?: string;
+  theme: typeof theme;
+};
+
+const Divider: React.FC<React.PropsWithChildren<Props>> = ({
+  style,
+  color,
+  theme: { colors },
+  ...rest
+}) => {
+  return (
+    <View
+      style={[
+        {
+          backgroundColor: color || colors.divider,
+          height: StyleSheet.hairlineWidth,
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
+};
+
+export default withTheme(Divider);

package/src/components/Elevation.tsx

@@ -1,48 +1,48 @@
-import * as React from "react";
-import {
-  Animated,
-  StyleSheet,
-  ViewProps,
-  StyleProp,
-  ViewStyle,
-  View,
-} from "react-native";
-import shadow from "../styles/shadow";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-
-type Props = {
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & ViewProps;
-
-/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
-const Elevation: React.FC<React.PropsWithChildren<Props>> = ({
-  style,
-  theme,
-  children,
-  ...rest
-}) => {
-  const { elevation = 4, borderRadius: radius } =
-    StyleSheet.flatten(style) || {};
-  const { colors } = theme;
-  const borderRadius = radius;
-
-  return (
-    <Animated.View
-      {...rest}
-      style={[
-        {
-          borderRadius,
-          backgroundColor: colors.surface,
-        },
-        elevation ? shadow(elevation) : null,
-        style,
-      ]}
-    >
-      <View style={{ overflow: "hidden", borderRadius }}>{children}</View>
-    </Animated.View>
-  );
-};
-
-export default withTheme(Elevation);
+import * as React from "react";
+import {
+  Animated,
+  StyleSheet,
+  ViewProps,
+  StyleProp,
+  ViewStyle,
+  View,
+} from "react-native";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+
+type Props = {
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & ViewProps;
+
+/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
+const Elevation: React.FC<React.PropsWithChildren<Props>> = ({
+  style,
+  theme,
+  children,
+  ...rest
+}) => {
+  const { elevation = 4, borderRadius: radius } =
+    StyleSheet.flatten(style) || {};
+  const { colors } = theme;
+  const borderRadius = radius;
+
+  return (
+    <Animated.View
+      {...rest}
+      style={[
+        {
+          borderRadius,
+          backgroundColor: colors.surface,
+        },
+        elevation ? shadow(elevation) : null,
+        style,
+      ]}
+    >
+      <View style={{ overflow: "hidden", borderRadius }}>{children}</View>
+    </Animated.View>
+  );
+};
+
+export default withTheme(Elevation);

package/src/components/FormRow.tsx

@@ -1,47 +1,47 @@
-import * as React from "react";
-import { Text, StyleProp, ViewStyle, StyleSheet } from "react-native";
-import { RowDirection } from "@draftbit/types";
-import { extractStyles } from "../utilities";
-import Touchable from "./Touchable";
-
-type Props = {
-  disabled?: boolean;
-  label: string;
-  direction: RowDirection;
-  children: React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-  onPress: () => void;
-};
-
-export default function FormRow({
-  disabled,
-  direction,
-  children,
-  label,
-  style,
-  onPress,
-  ...rest
-}: Props) {
-  const { textStyles, viewStyles } = extractStyles(style);
-  return (
-    <Touchable
-      disabled={disabled}
-      onPress={onPress}
-      style={[styles.row, { flexDirection: direction }, viewStyles]}
-      {...rest}
-    >
-      <Text style={textStyles}>{label}</Text>
-      {children}
-    </Touchable>
-  );
-}
-
-const styles = StyleSheet.create({
-  row: {
-    marginLeft: 8,
-    marginRight: 8,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-  },
-});
+import * as React from "react";
+import { Text, StyleProp, ViewStyle, StyleSheet } from "react-native";
+import { RowDirection } from "@draftbit/types";
+import { extractStyles } from "../utilities";
+import Touchable from "./Touchable";
+
+type Props = {
+  disabled?: boolean;
+  label: string;
+  direction: RowDirection;
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  onPress: () => void;
+};
+
+export default function FormRow({
+  disabled,
+  direction,
+  children,
+  label,
+  style,
+  onPress,
+  ...rest
+}: Props) {
+  const { textStyles, viewStyles } = extractStyles(style);
+  return (
+    <Touchable
+      disabled={disabled}
+      onPress={onPress}
+      style={[styles.row, { flexDirection: direction }, viewStyles]}
+      {...rest}
+    >
+      <Text style={textStyles}>{label}</Text>
+      {children}
+    </Touchable>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    marginLeft: 8,
+    marginRight: 8,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+});

package/src/components/IconButton.tsx

@@ -1,88 +1,88 @@
-import * as React from "react";
-import {
-  View,
-  StyleSheet,
-  ActivityIndicator,
-  StyleProp,
-  ViewStyle,
-  Pressable,
-  PressableProps,
-  Platform,
-} from "react-native";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-type Props = {
-  icon?: string;
-  color?: string;
-  size?: number;
-  disabled?: boolean;
-  loading?: boolean;
-  onPress: () => void;
-  theme: Theme;
-  style?: StyleProp<ViewStyle>;
-  activeOpacity?: number;
-  disabledOpacity?: number;
-} & PressableProps &
-  IconSlot;
-
-const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  icon,
-  color: customColor,
-  size = 32,
-  disabled,
-  loading = false,
-  onPress,
-  theme,
-  style,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
-  ...props
-}) => {
-  const iconColor = customColor || theme.colors.primary;
-
-  return (
-    <Pressable
-      onPress={onPress}
-      disabled={disabled || loading}
-      style={({ pressed }) => {
-        return [
-          styles.container,
-          {
-            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
-            width: size,
-            height: size,
-            alignItems: "center",
-            justifyContent: "center",
-          },
-          style,
-        ];
-      }}
-      {...props}
-    >
-      <View>
-        {icon && !loading ? (
-          <Icon name={icon} size={size - 2} color={iconColor} />
-        ) : null}
-        {loading ? <ActivityIndicator size="small" color={iconColor} /> : null}
-      </View>
-    </Pressable>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none",
-      },
-    }),
-  },
-});
-
-export default withTheme(IconButton);
+import * as React from "react";
+import {
+  View,
+  StyleSheet,
+  ActivityIndicator,
+  StyleProp,
+  ViewStyle,
+  Pressable,
+  PressableProps,
+  Platform,
+} from "react-native";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+type Props = {
+  icon?: string;
+  color?: string;
+  size?: number;
+  disabled?: boolean;
+  loading?: boolean;
+  onPress: () => void;
+  theme: Theme;
+  style?: StyleProp<ViewStyle>;
+  activeOpacity?: number;
+  disabledOpacity?: number;
+} & PressableProps &
+  IconSlot;
+
+const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  icon,
+  color: customColor,
+  size = 32,
+  disabled,
+  loading = false,
+  onPress,
+  theme,
+  style,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
+  ...props
+}) => {
+  const iconColor = customColor || theme.colors.primary;
+
+  return (
+    <Pressable
+      onPress={onPress}
+      disabled={disabled || loading}
+      style={({ pressed }) => {
+        return [
+          styles.container,
+          {
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+            width: size,
+            height: size,
+            alignItems: "center",
+            justifyContent: "center",
+          },
+          style,
+        ];
+      }}
+      {...props}
+    >
+      <View>
+        {icon && !loading ? (
+          <Icon name={icon} size={size - 2} color={iconColor} />
+        ) : null}
+        {loading ? <ActivityIndicator size="small" color={iconColor} /> : null}
+      </View>
+    </Pressable>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none",
+      },
+    }),
+  },
+});
+
+export default withTheme(IconButton);

package/src/components/Image.tsx

@@ -1,91 +1,91 @@
-/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
-import React from "react";
-import {
-  Image as NativeImage,
-  ImageProps,
-  StyleSheet,
-  ImageSourcePropType,
-} from "react-native";
-import Config from "./Config";
-
-import AspectRatio from "./AspectRatio";
-
-type ImageStyleProp = {
-  width?: number;
-  height?: number;
-  aspectRatio?: number;
-};
-
-const generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {
-  if (aspectRatio && !width && !height) {
-    return {
-      aspectRatio,
-      width: "100%",
-    };
-  }
-
-  if (aspectRatio && height) {
-    return {
-      aspectRatio,
-      height,
-      width: aspectRatio * height,
-    };
-  }
-
-  if (aspectRatio && width) {
-    return {
-      aspectRatio,
-      width,
-      height: width / aspectRatio,
-    };
-  }
-
-  return { width, height };
-};
-
-const Image: React.FC<ImageProps> = ({
-  source,
-  resizeMode = "cover",
-  style,
-  ...props
-}) => {
-  let imageSource =
-    source === null || source === undefined
-      ? Config.placeholderImageURL
-      : source;
-
-  const styles = StyleSheet.flatten(style || {});
-  const { aspectRatio, width, height } = generateDimensions(
-    styles as ImageStyleProp
-  );
-
-  if (aspectRatio) {
-    return (
-      <AspectRatio style={[style, { width, height, aspectRatio }]}>
-        <NativeImage
-          {...props}
-          source={imageSource as ImageSourcePropType}
-          resizeMode={resizeMode}
-          style={[
-            style,
-            {
-              height: "100%",
-              width: "100%",
-            },
-          ]}
-        />
-      </AspectRatio>
-    );
-  }
-
-  return (
-    <NativeImage
-      {...props}
-      source={source as ImageSourcePropType}
-      resizeMode={resizeMode}
-      style={style}
-    />
-  );
-};
-
-export default Image;
+/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
+import React from "react";
+import {
+  Image as NativeImage,
+  ImageProps,
+  StyleSheet,
+  ImageSourcePropType,
+} from "react-native";
+import Config from "./Config";
+
+import AspectRatio from "./AspectRatio";
+
+type ImageStyleProp = {
+  width?: number;
+  height?: number;
+  aspectRatio?: number;
+};
+
+const generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {
+  if (aspectRatio && !width && !height) {
+    return {
+      aspectRatio,
+      width: "100%",
+    };
+  }
+
+  if (aspectRatio && height) {
+    return {
+      aspectRatio,
+      height,
+      width: aspectRatio * height,
+    };
+  }
+
+  if (aspectRatio && width) {
+    return {
+      aspectRatio,
+      width,
+      height: width / aspectRatio,
+    };
+  }
+
+  return { width, height };
+};
+
+const Image: React.FC<ImageProps> = ({
+  source,
+  resizeMode = "cover",
+  style,
+  ...props
+}) => {
+  let imageSource =
+    source === null || source === undefined
+      ? Config.placeholderImageURL
+      : source;
+
+  const styles = StyleSheet.flatten(style || {});
+  const { aspectRatio, width, height } = generateDimensions(
+    styles as ImageStyleProp
+  );
+
+  if (aspectRatio) {
+    return (
+      <AspectRatio style={[style, { width, height, aspectRatio }]}>
+        <NativeImage
+          {...props}
+          source={imageSource as ImageSourcePropType}
+          resizeMode={resizeMode}
+          style={[
+            style,
+            {
+              height: "100%",
+              width: "100%",
+            },
+          ]}
+        />
+      </AspectRatio>
+    );
+  }
+
+  return (
+    <NativeImage
+      {...props}
+      source={source as ImageSourcePropType}
+      resizeMode={resizeMode}
+      style={style}
+    />
+  );
+};
+
+export default Image;

package/src/components/Layout/AspectRatio.tsx

@@ -1,16 +1,16 @@
-import React from "react";
-import { View, ViewProps } from "react-native";
-
-interface AspectRatioProps extends ViewProps {
-  aspectRatio?: number;
-}
-
-const AspectRatio: React.FC<AspectRatioProps> = ({
-  aspectRatio = 1,
-  style,
-  ...rest
-}) => {
-  return <View {...rest} style={[{ aspectRatio }, style]} />;
-};
-
-export default AspectRatio;
+import React from "react";
+import { View, ViewProps } from "react-native";
+
+interface AspectRatioProps extends ViewProps {
+  aspectRatio?: number;
+}
+
+const AspectRatio: React.FC<AspectRatioProps> = ({
+  aspectRatio = 1,
+  style,
+  ...rest
+}) => {
+  return <View {...rest} style={[{ aspectRatio }, style]} />;
+};
+
+export default AspectRatio;