@draftbit/core 46.10.1 → 46.10.2-14170b.2

package/lib/module/components/Row.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { View, Text, Image, StyleSheet } from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const Row = _ref => {
-  let {
-    titleTypeStyle,
-    titleColor,
-    subtitleTypeStyle,
-    subtitleColor,
-    title,
-    subtitle,
-    multilineSubtitle,
-    image,
-    right,
-    style
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      padding: 16
-    }, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.leftContainer
-  }, image && /*#__PURE__*/React.createElement(Image, {
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    style: {
-      marginRight: 12,
-      width: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize,
-      height: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize
-    }
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [titleTypeStyle, {
-      color: titleColor
-    }],
-    numberOfLines: 1
-  }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
-    style: [subtitleTypeStyle, {
-      color: subtitleColor,
-      marginTop: 4
-    }],
-    numberOfLines: multilineSubtitle ? undefined : 1
-  }, subtitle) : null)), right && right());
-};
-const styles = StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-export default withTheme(Row);

package/lib/module/components/RowBodyIcon.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowBodyIcon = _ref => {
-  let {
-    Icon,
-    title,
-    subtitle,
-    icon,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.body1,
-    titleColor: colors.medium,
-    subtitleTypeStyle: typography.subtitle2,
-    subtitleColor: colors.light,
-    title: title,
-    subtitle: subtitle,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowBodyIcon);

package/lib/module/components/RowHeadlineImageCaption.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import { withTheme } from "../theming";
-import Row from "./Row";
-const RowHeadlineImageCaption = _ref => {
-  let {
-    title,
-    subtitle,
-    caption,
-    image,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Text, {
-      style: {
-        ...typography.caption,
-        color: colors.strong,
-        marginLeft: 16
-      }
-    }, caption),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageCaption);

package/lib/module/components/RowHeadlineImageIcon.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowHeadlineImageIcon = _ref => {
-  let {
-    Icon,
-    icon,
-    title,
-    image,
-    subtitle,
-    multilineSubtitle = false,
-    style,
-    theme: {
-      colors,
-      typography
-    }
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Row, {
-    titleTypeStyle: typography.headline6,
-    titleColor: colors.strong,
-    subtitleTypeStyle: typography.body2,
-    subtitleColor: colors.medium,
-    title: title,
-    subtitle: subtitle,
-    multilineSubtitle: multilineSubtitle,
-    image: image,
-    right: () => /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: multilineSubtitle ? Config.rowMultiLineIconSize : Config.rowSingleLineIconSize,
-      color: colors.light,
-      style: {
-        marginLeft: 16,
-        alignSelf: multilineSubtitle ? "flex-start" : "center",
-        marginTop: multilineSubtitle ? 4 : 0
-      }
-    }),
-    style: style
-  });
-};
-export default withTheme(RowHeadlineImageIcon);

package/lib/module/components/YotubePlayer.js

@@ -1,30 +0,0 @@
-import React from "react";
-import YoutubePlayerComponent from "react-native-youtube-iframe";
-import { extractStyles } from "../utilities";
-const YoutubePlayer = _ref => {
-  let {
-    videoId,
-    playlist,
-    mute = false,
-    autoplay = false,
-    style
-  } = _ref;
-  const {
-    viewStyles
-  } = extractStyles(style);
-  const {
-    height,
-    width
-  } = viewStyles;
-  const defaultVideoId = "nwMUpDESXrI";
-  return /*#__PURE__*/React.createElement(YoutubePlayerComponent, {
-    height: height,
-    width: width,
-    play: autoplay,
-    videoId: !videoId && !playlist ? defaultVideoId : videoId,
-    playList: playlist,
-    mute: mute,
-    webViewStyle: style
-  });
-};
-export default YoutubePlayer;

package/lib/typescript/src/components/Row.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    titleTypeStyle?: StyleProp<TextStyle>;
-    titleColor?: string;
-    subtitleTypeStyle?: StyleProp<TextStyle>;
-    subtitleColor?: string;
-    title?: string;
-    subtitle?: string;
-    multilineSubtitle?: boolean;
-    image?: string | ImageSourcePropType;
-    right?: () => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    theme: typeof theme;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=Row.d.ts.map

package/lib/typescript/src/components/Row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAgFF,wBAA8B"}

package/lib/typescript/src/components/RowBodyIcon.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-import { StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    title?: string;
-    subtitle?: string;
-    icon: string;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-} & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=RowBodyIcon.d.ts.map

package/lib/typescript/src/components/RowBodyIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowBodyIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA+Bb,wBAAsC"}

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    title?: string;
-    subtitle?: string;
-    caption?: string;
-    image: string | ImageSourcePropType;
-    style?: StyleProp<ViewStyle>;
-    theme: typeof theme;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=RowHeadlineImageCaption.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowHeadlineImageCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAmCF,wBAAkD"}

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    title?: string;
-    image: string | ImageSourcePropType;
-    subtitle?: string;
-    multilineSubtitle?: boolean;
-    icon: string;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-} & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
-//# sourceMappingURL=RowHeadlineImageIcon.d.ts.map

package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowHeadlineImageIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Cb,wBAA+C"}

package/lib/typescript/src/components/YotubePlayer.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface YoutubePlayerProps {
-    videoId?: string;
-    playlist?: string;
-    mute?: boolean;
-    autoplay?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
-export default YoutubePlayer;
-//# sourceMappingURL=YotubePlayer.d.ts.map

package/lib/typescript/src/components/YotubePlayer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"YotubePlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/YotubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/Row.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { View, Text, Image, StyleSheet, } from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-const Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {
-    return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },
-        React.createElement(View, { style: styles.leftContainer },
-            image && (React.createElement(Image, { source: typeof image === "string" ? { uri: image } : image, style: {
-                    marginRight: 12,
-                    width: subtitle
-                        ? Config.rowMultiLineImageSize
-                        : Config.rowSingleLineImageSize,
-                    height: subtitle
-                        ? Config.rowMultiLineImageSize
-                        : Config.rowSingleLineImageSize,
-                } })),
-            React.createElement(View, { style: styles.textContainer },
-                React.createElement(Text, { style: [
-                        titleTypeStyle,
-                        {
-                            color: titleColor,
-                        },
-                    ], numberOfLines: 1 }, title),
-                subtitle ? (React.createElement(Text, { style: [
-                        subtitleTypeStyle,
-                        {
-                            color: subtitleColor,
-                            marginTop: 4,
-                        },
-                    ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),
-        right && right()));
-};
-const styles = StyleSheet.create({
-    leftContainer: {
-        flexDirection: "row",
-        flex: 1,
-    },
-    container: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
-    },
-    textContainer: {
-        flex: 1,
-        justifyContent: "center",
-    },
-});
-export default withTheme(Row);

package/src/components/Row.tsx

@@ -1,108 +0,0 @@
-import * as React from "react";
-import {
-  View,
-  Text,
-  Image,
-  ImageSourcePropType,
-  StyleSheet,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-} from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  titleTypeStyle?: StyleProp<TextStyle>;
-  titleColor?: string;
-  subtitleTypeStyle?: StyleProp<TextStyle>;
-  subtitleColor?: string;
-  title?: string;
-  subtitle?: string;
-  multilineSubtitle?: boolean;
-  image?: string | ImageSourcePropType;
-  right?: () => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-  theme: typeof theme;
-};
-
-const Row: React.FC<React.PropsWithChildren<Props>> = ({
-  titleTypeStyle,
-  titleColor,
-  subtitleTypeStyle,
-  subtitleColor,
-  title,
-  subtitle,
-  multilineSubtitle,
-  image,
-  right,
-  style,
-}) => {
-  return (
-    <View style={[styles.container, { padding: 16 }, style]}>
-      <View style={styles.leftContainer}>
-        {image && (
-          <Image
-            source={typeof image === "string" ? { uri: image } : image}
-            style={{
-              marginRight: 12,
-              width: subtitle
-                ? Config.rowMultiLineImageSize
-                : Config.rowSingleLineImageSize,
-              height: subtitle
-                ? Config.rowMultiLineImageSize
-                : Config.rowSingleLineImageSize,
-            }}
-          />
-        )}
-        <View style={styles.textContainer}>
-          <Text
-            style={[
-              titleTypeStyle,
-              {
-                color: titleColor,
-              },
-            ]}
-            numberOfLines={1}
-          >
-            {title}
-          </Text>
-          {subtitle ? (
-            <Text
-              style={[
-                subtitleTypeStyle,
-                {
-                  color: subtitleColor,
-                  marginTop: 4,
-                },
-              ]}
-              numberOfLines={multilineSubtitle ? undefined : 1}
-            >
-              {subtitle}
-            </Text>
-          ) : null}
-        </View>
-      </View>
-      {right && right()}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1,
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center",
-  },
-});
-
-export default withTheme(Row);

package/src/components/RowBodyIcon.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));
-};
-export default withTheme(RowBodyIcon);

package/src/components/RowBodyIcon.tsx

@@ -1,47 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-import Row from "./Row";
-import Config from "./Config";
-import { StyleProp, ViewStyle } from "react-native";
-
-type Props = {
-  title?: string;
-  subtitle?: string;
-  icon: string;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & IconSlot;
-
-const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  title,
-  subtitle,
-  icon,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.body1}
-      titleColor={colors.medium}
-      subtitleTypeStyle={typography.subtitle2}
-      subtitleColor={colors.light}
-      title={title}
-      subtitle={subtitle}
-      right={() => (
-        <Icon
-          name={icon}
-          size={Config.rowSingleLineIconSize}
-          color={colors.light}
-          style={{ marginLeft: 16 }}
-        />
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowBodyIcon);

package/src/components/RowHeadlineImageCaption.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import { withTheme } from "../theming";
-import Row from "./Row";
-const RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
-                ...typography.caption,
-                color: colors.strong,
-                marginLeft: 16,
-            } }, caption)), style: style }));
-};
-export default withTheme(RowHeadlineImageCaption);

package/src/components/RowHeadlineImageCaption.tsx

@@ -1,49 +0,0 @@
-import * as React from "react";
-import { Text, ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  title?: string;
-  subtitle?: string;
-  caption?: string;
-  image: string | ImageSourcePropType;
-  style?: StyleProp<ViewStyle>;
-  theme: typeof theme;
-};
-
-const RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({
-  title,
-  subtitle,
-  caption,
-  image,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
-      subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
-      title={title}
-      subtitle={subtitle}
-      image={image}
-      right={() => (
-        <Text
-          style={{
-            ...typography.caption,
-            color: colors.strong,
-            marginLeft: 16,
-          }}
-        >
-          {caption}
-        </Text>
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowHeadlineImageCaption);

package/src/components/RowHeadlineImageIcon.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import Row from "./Row";
-import Config from "./Config";
-const RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {
-    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle
-                ? Config.rowMultiLineIconSize
-                : Config.rowSingleLineIconSize, color: colors.light, style: {
-                marginLeft: 16,
-                alignSelf: multilineSubtitle ? "flex-start" : "center",
-                marginTop: multilineSubtitle ? 4 : 0,
-            } })), style: style }));
-};
-export default withTheme(RowHeadlineImageIcon);

package/src/components/RowHeadlineImageIcon.tsx

@@ -1,61 +0,0 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-import Row from "./Row";
-import Config from "./Config";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-
-type Props = {
-  title?: string;
-  image: string | ImageSourcePropType;
-  subtitle?: string;
-  multilineSubtitle?: boolean;
-  icon: string;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & IconSlot;
-
-const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  icon,
-  title,
-  image,
-  subtitle,
-  multilineSubtitle = false,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
-      subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
-      title={title}
-      subtitle={subtitle}
-      multilineSubtitle={multilineSubtitle}
-      image={image}
-      right={() => (
-        <Icon
-          name={icon}
-          size={
-            multilineSubtitle
-              ? Config.rowMultiLineIconSize
-              : Config.rowSingleLineIconSize
-          }
-          color={colors.light}
-          style={{
-            marginLeft: 16,
-            alignSelf: multilineSubtitle ? "flex-start" : "center",
-            marginTop: multilineSubtitle ? 4 : 0,
-          }}
-        />
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowHeadlineImageIcon);