@draftbit/core 48.5.5-bc0b6e.2 → 48.5.6

package/src/deprecated-components/Card.tsx

@@ -1,164 +1,164 @@
-import React from "react";
-import {
-  StyleSheet,
-  View,
-  ImageSourcePropType,
-  StyleProp,
-  ViewStyle,
-  TextStyle,
-  Pressable,
-} from "react-native";
-import Image from "../components/Image";
-import Surface from "../components/Surface";
-import { Title, Subtitle, Caption } from "../components/Typography";
-
-import { withTheme } from "../theming";
-import Config from "../components/Config";
-
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-const ICON_SIZE = Config.cardIconSize;
-const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
-const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
-const ICON_ELEVATION = Config.cardIconElevation;
-
-export const TopRightCircleIcon = withTheme(
-  ({
-    Icon,
-    icon,
-    theme,
-    onPress,
-  }: {
-    icon: string;
-    theme: Theme;
-    onPress?: () => void;
-  } & IconSlot) => {
-    return (
-      <Surface
-        style={{
-          justifyContent: "center",
-          alignItems: "center",
-          elevation: ICON_ELEVATION,
-          position: "absolute",
-          top: 12,
-          right: 12,
-          width: ICON_CONTAINER_SIZE,
-          height: ICON_CONTAINER_SIZE,
-          padding: ICON_CONTAINER_PADDING,
-          borderRadius: ICON_CONTAINER_SIZE,
-          backgroundColor: "rgba(0, 0, 0, 0.1)",
-        }}
-      >
-        <Pressable
-          disabled={!onPress}
-          onPress={onPress}
-          style={({ pressed }) => {
-            return [
-              {
-                opacity: pressed ? 0.8 : 1,
-              },
-            ];
-          }}
-        >
-          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />
-        </Pressable>
-      </Surface>
-    );
-  }
-);
-
-type Props = {
-  image?: string | ImageSourcePropType;
-  title?: string;
-  subtitle?: string;
-  description?: string;
-  textCentered: boolean;
-  icon?: string;
-  aspectRatio?: number;
-  elevation?: number;
-  numColumns?: number;
-  theme: Theme;
-  titleStyle?: StyleProp<TextStyle>;
-  subtitleStyle?: StyleProp<TextStyle>;
-  descriptionStyle?: StyleProp<TextStyle>;
-  style?: StyleProp<ViewStyle>;
-  onPress?: () => void;
-  onPressIcon?: () => void;
-  children?: React.ReactNode;
-} & IconSlot;
-
-/**
- * @deprecated DEPRECATED
- */
-const Card: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  image = Config.cardImageUrl,
-  title,
-  subtitle,
-  description,
-  textCentered,
-  icon,
-  aspectRatio = 1.5,
-  elevation = 2,
-  style,
-  onPress,
-  onPressIcon,
-  titleStyle,
-  subtitleStyle,
-  descriptionStyle,
-  theme,
-  children,
-}) => {
-  const {
-    backgroundColor: bgColor,
-    padding,
-    ...styles
-  } = StyleSheet.flatten(style || {});
-
-  const backgroundColor = bgColor ? bgColor : theme.colors.surface;
-  const innerPadding = padding ? padding : 12;
-
-  return (
-    <Surface style={[{ elevation, backgroundColor }, styles]}>
-      <Pressable
-        disabled={!onPress}
-        onPress={onPress}
-        style={({ pressed }) => {
-          return [
-            {
-              opacity: pressed ? 0.8 : 1,
-            },
-          ];
-        }}
-      >
-        <Image
-          style={{ aspectRatio }}
-          source={typeof image === "string" ? { uri: image } : image}
-          resizeMode="cover"
-        />
-        <View style={{ padding: innerPadding }}>
-          <View style={{ alignItems: textCentered ? "center" : "flex-start" }}>
-            {title || (title && title !== "") ? (
-              <Title text={title} style={titleStyle} />
-            ) : null}
-            {subtitle || (subtitle && subtitle !== "") ? (
-              <Subtitle text={subtitle} style={subtitleStyle} />
-            ) : null}
-            {description || (description && description !== "") ? (
-              <View style={{ marginTop: 4 }}>
-                <Caption text={description} style={descriptionStyle} />
-              </View>
-            ) : null}
-            {children}
-          </View>
-        </View>
-        {icon ? (
-          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />
-        ) : null}
-      </Pressable>
-    </Surface>
-  );
-};
-
-export default withTheme(Card);
+import React from "react";
+import {
+  StyleSheet,
+  View,
+  ImageSourcePropType,
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+  Pressable,
+} from "react-native";
+import Image from "../components/Image";
+import Surface from "../components/Surface";
+import { Title, Subtitle, Caption } from "../components/Typography";
+
+import { withTheme } from "../theming";
+import Config from "../components/Config";
+
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+const ICON_SIZE = Config.cardIconSize;
+const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
+const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
+const ICON_ELEVATION = Config.cardIconElevation;
+
+export const TopRightCircleIcon = withTheme(
+  ({
+    Icon,
+    icon,
+    theme,
+    onPress,
+  }: {
+    icon: string;
+    theme: Theme;
+    onPress?: () => void;
+  } & IconSlot) => {
+    return (
+      <Surface
+        style={{
+          justifyContent: "center",
+          alignItems: "center",
+          elevation: ICON_ELEVATION,
+          position: "absolute",
+          top: 12,
+          right: 12,
+          width: ICON_CONTAINER_SIZE,
+          height: ICON_CONTAINER_SIZE,
+          padding: ICON_CONTAINER_PADDING,
+          borderRadius: ICON_CONTAINER_SIZE,
+          backgroundColor: "rgba(0, 0, 0, 0.1)",
+        }}
+      >
+        <Pressable
+          disabled={!onPress}
+          onPress={onPress}
+          style={({ pressed }) => {
+            return [
+              {
+                opacity: pressed ? 0.8 : 1,
+              },
+            ];
+          }}
+        >
+          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />
+        </Pressable>
+      </Surface>
+    );
+  }
+);
+
+type Props = {
+  image?: string | ImageSourcePropType;
+  title?: string;
+  subtitle?: string;
+  description?: string;
+  textCentered: boolean;
+  icon?: string;
+  aspectRatio?: number;
+  elevation?: number;
+  numColumns?: number;
+  theme: Theme;
+  titleStyle?: StyleProp<TextStyle>;
+  subtitleStyle?: StyleProp<TextStyle>;
+  descriptionStyle?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle>;
+  onPress?: () => void;
+  onPressIcon?: () => void;
+  children?: React.ReactNode;
+} & IconSlot;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const Card: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  image = Config.cardImageUrl,
+  title,
+  subtitle,
+  description,
+  textCentered,
+  icon,
+  aspectRatio = 1.5,
+  elevation = 2,
+  style,
+  onPress,
+  onPressIcon,
+  titleStyle,
+  subtitleStyle,
+  descriptionStyle,
+  theme,
+  children,
+}) => {
+  const {
+    backgroundColor: bgColor,
+    padding,
+    ...styles
+  } = StyleSheet.flatten(style || {});
+
+  const backgroundColor = bgColor ? bgColor : theme.colors.surface;
+  const innerPadding = padding ? padding : 12;
+
+  return (
+    <Surface style={[{ elevation, backgroundColor }, styles]}>
+      <Pressable
+        disabled={!onPress}
+        onPress={onPress}
+        style={({ pressed }) => {
+          return [
+            {
+              opacity: pressed ? 0.8 : 1,
+            },
+          ];
+        }}
+      >
+        <Image
+          style={{ aspectRatio }}
+          source={typeof image === "string" ? { uri: image } : image}
+          resizeMode="cover"
+        />
+        <View style={{ padding: innerPadding }}>
+          <View style={{ alignItems: textCentered ? "center" : "flex-start" }}>
+            {title || (title && title !== "") ? (
+              <Title text={title} style={titleStyle} />
+            ) : null}
+            {subtitle || (subtitle && subtitle !== "") ? (
+              <Subtitle text={subtitle} style={subtitleStyle} />
+            ) : null}
+            {description || (description && description !== "") ? (
+              <View style={{ marginTop: 4 }}>
+                <Caption text={description} style={descriptionStyle} />
+              </View>
+            ) : null}
+            {children}
+          </View>
+        </View>
+        {icon ? (
+          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />
+        ) : null}
+      </Pressable>
+    </Surface>
+  );
+};
+
+export default withTheme(Card);

package/src/deprecated-components/CheckboxGroup.tsx

@@ -1,53 +1,53 @@
-import * as React from "react";
-import { View, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import {
-  checkboxGroupContext,
-  Direction,
-} from "../components/Checkbox/context";
-
-export interface CheckboxGroupProps {
-  direction?: Direction;
-  style?: StyleProp<ViewStyle>;
-  values: string[];
-  onValueChange: (value: string, selected: boolean) => void;
-  theme: Theme;
-  children: React.ReactNode;
-}
-
-const { Provider } = checkboxGroupContext;
-
-/**
- * @deprecated DEPRECATED
- */
-const CheckboxGroup: React.FC<CheckboxGroupProps> = ({
-  direction = Direction.Vertical,
-  values,
-  onValueChange = () => {},
-  style,
-  children,
-  ...rest
-}) => {
-  const _containerStyle: StyleProp<ViewStyle> = [
-    {
-      flexDirection: direction === Direction.Horizontal ? "row" : "column",
-      overflow: "hidden",
-    },
-  ];
-
-  if (direction !== Direction.Vertical) {
-    _containerStyle.push({
-      alignItems: "center",
-    });
-  }
-
-  return (
-    <View style={[{ minHeight: 40 }, style]} {...rest}>
-      <Provider value={{ values, onValueChange, direction }}>
-        <View style={_containerStyle}>{children}</View>
-      </Provider>
-    </View>
-  );
-};
-
-export default CheckboxGroup;
+import * as React from "react";
+import { View, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import {
+  checkboxGroupContext,
+  Direction,
+} from "../components/Checkbox/context";
+
+export interface CheckboxGroupProps {
+  direction?: Direction;
+  style?: StyleProp<ViewStyle>;
+  values: string[];
+  onValueChange: (value: string, selected: boolean) => void;
+  theme: Theme;
+  children: React.ReactNode;
+}
+
+const { Provider } = checkboxGroupContext;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const CheckboxGroup: React.FC<CheckboxGroupProps> = ({
+  direction = Direction.Vertical,
+  values,
+  onValueChange = () => {},
+  style,
+  children,
+  ...rest
+}) => {
+  const _containerStyle: StyleProp<ViewStyle> = [
+    {
+      flexDirection: direction === Direction.Horizontal ? "row" : "column",
+      overflow: "hidden",
+    },
+  ];
+
+  if (direction !== Direction.Vertical) {
+    _containerStyle.push({
+      alignItems: "center",
+    });
+  }
+
+  return (
+    <View style={[{ minHeight: 40 }, style]} {...rest}>
+      <Provider value={{ values, onValueChange, direction }}>
+        <View style={_containerStyle}>{children}</View>
+      </Provider>
+    </View>
+  );
+};
+
+export default CheckboxGroup;

package/src/deprecated-components/CircleImage.tsx

@@ -1,36 +1,36 @@
-import * as React from "react";
-import {
-  Image,
-  ImageSourcePropType,
-  StyleProp,
-  ImageStyle,
-} from "react-native";
-import Config from "../components/Config";
-interface Props {
-  source?: string | ImageSourcePropType;
-  size?: number;
-  style?: StyleProp<ImageStyle>;
-}
-
-/**
- * @deprecated DEPRECATED
- */
-const CircleImage: React.FC<React.PropsWithChildren<Props>> = ({
-  source = Config.placeholderImageURL,
-  size = 60,
-  style,
-  ...props
-}) => {
-  const borderRadius = size / 2;
-
-  return (
-    <Image
-      style={[{ width: size, height: size, borderRadius }, style]}
-      source={typeof source === "string" ? { uri: source } : source}
-      resizeMode="cover"
-      {...props}
-    />
-  );
-};
-
-export default CircleImage;
+import * as React from "react";
+import {
+  Image,
+  ImageSourcePropType,
+  StyleProp,
+  ImageStyle,
+} from "react-native";
+import Config from "../components/Config";
+interface Props {
+  source?: string | ImageSourcePropType;
+  size?: number;
+  style?: StyleProp<ImageStyle>;
+}
+
+/**
+ * @deprecated DEPRECATED
+ */
+const CircleImage: React.FC<React.PropsWithChildren<Props>> = ({
+  source = Config.placeholderImageURL,
+  size = 60,
+  style,
+  ...props
+}) => {
+  const borderRadius = size / 2;
+
+  return (
+    <Image
+      style={[{ width: size, height: size, borderRadius }, style]}
+      source={typeof source === "string" ? { uri: source } : source}
+      resizeMode="cover"
+      {...props}
+    />
+  );
+};
+
+export default CircleImage;