@draftbit/core 44.1.13-c10e64.0 → 44.1.14

package/src/components/Picker/PickerTypes.ts

@@ -1,18 +0,0 @@
-import { ViewStyle } from "react-native";
-import { StyleProp } from "react-native";
-import { Props as TextFieldProps } from "../TextField";
-
-export interface PickerOption {
-  value: string;
-  label: string;
-}
-
-export interface PickerComponentProps extends TextFieldProps {
-  style?: StyleProp<ViewStyle> & { height?: number };
-  options: PickerOption[];
-  placeholder?: string;
-  selectedValue: string;
-  disabled?: boolean;
-  onValueChange?: (value: string, index: number) => void;
-  defaultValue?: string;
-}

package/src/components/Portal/Portal.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import PortalConsumer from "./PortalConsumer";
-import PortalHost, { PortalContext } from "./PortalHost";
-import { ThemeProvider, withTheme } from "../../theming";
-/**
- * Portal allows to render a component at a different place in the parent tree.
- * You can use it to render content which should appear above other elements, similar to `Modal`.
- * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Portal, Text } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal>
- *         <Text>This is rendered at a different place</Text>
- *       </Portal>
- *     );
- *   }
- * }
- * ```
- */
-class Portal extends React.Component {
-    // @component ./PortalHost.tsx
-    static Host = PortalHost;
-    render() {
-        const { children, theme } = this.props;
-        return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },
-            React.createElement(ThemeProvider, { theme: theme }, children)))));
-    }
-}
-export default withTheme(Portal);

package/src/components/Portal/PortalConsumer.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-export default class PortalConsumer extends React.Component {
-    async componentDidMount() {
-        this.checkManager();
-        // Delay updating to prevent React from going to infinite loop
-        await Promise.resolve();
-        this.key = this.props.manager.mount(this.props.children);
-    }
-    componentDidUpdate() {
-        this.checkManager();
-        this.props.manager.update(this.key, this.props.children);
-    }
-    componentWillUnmount() {
-        this.checkManager();
-        this.props.manager.unmount(this.key);
-    }
-    key;
-    checkManager() {
-        if (!this.props.manager) {
-            throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" +
-                "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" +
-                "https://callstack.github.io/react-native-paper/getting-started.html");
-        }
-    }
-    render() {
-        return null;
-    }
-}

package/src/components/Portal/PortalHost.js

@@ -1,105 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import PortalManager from "./PortalManager";
-export const PortalContext = React.createContext(null);
-/**
- * Portal host renders all of its children `Portal` elements.
- * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
- * If you're using the `Provider` component, it already includes `Portal.Host`.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Text } from 'react-native';
- * import { Portal } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal.Host>
- *         <Text>Content of the app</Text>
- *       </Portal.Host>
- *     );
- *   }
- * }
- * ```
- *
- * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
- */
-export default class PortalHost extends React.Component {
-    static displayName = "Portal.Host";
-    componentDidMount() {
-        const manager = this.manager;
-        const queue = this.queue;
-        while (queue.length && manager) {
-            const action = queue.pop();
-            if (action) {
-                switch (action.type) {
-                    case "mount":
-                        manager.mount(action.key, action.children);
-                        break;
-                    case "update":
-                        manager.update(action.key, action.children);
-                        break;
-                    case "unmount":
-                        manager.unmount(action.key);
-                        break;
-                }
-            }
-        }
-    }
-    setManager = (manager) => {
-        this.manager = manager;
-    };
-    mount = (children) => {
-        const key = this.nextKey++;
-        if (this.manager) {
-            this.manager.mount(key, children);
-        }
-        else {
-            this.queue.push({ type: "mount", key, children });
-        }
-        return key;
-    };
-    update = (key, children) => {
-        if (this.manager) {
-            this.manager.update(key, children);
-        }
-        else {
-            const op = { type: "mount", key, children };
-            const index = this.queue.findIndex((o) => o.type === "mount" || (o.type === "update" && o.key === key));
-            if (index > -1) {
-                // @ts-ignore
-                this.queue[index] = op;
-            }
-            else {
-                this.queue.push(op);
-            }
-        }
-    };
-    unmount = (key) => {
-        if (this.manager) {
-            this.manager.unmount(key);
-        }
-        else {
-            this.queue.push({ type: "unmount", key });
-        }
-    };
-    nextKey = 0;
-    queue = [];
-    manager;
-    render() {
-        return (React.createElement(PortalContext.Provider, { value: {
-                mount: this.mount,
-                update: this.update,
-                unmount: this.unmount,
-            } },
-            React.createElement(View, { style: styles.container, collapsable: false, pointerEvents: "box-none" }, this.props.children),
-            React.createElement(PortalManager, { ref: this.setManager })));
-    }
-}
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-});

package/src/components/Portal/PortalManager.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-/**
- * Portal host is the component which actually renders all Portals.
- */
-export default class PortalManager extends React.PureComponent {
-    state = {
-        portals: [],
-    };
-    mount = (key, children) => {
-        this.setState((state) => ({
-            portals: [...state.portals, { key, children }],
-        }));
-    };
-    update = (key, children) => this.setState((state) => ({
-        portals: state.portals.map((item) => {
-            if (item.key === key) {
-                return { ...item, children };
-            }
-            return item;
-        }),
-    }));
-    unmount = (key) => this.setState((state) => ({
-        portals: state.portals.filter((item) => item.key !== key),
-    }));
-    render() {
-        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: "box-none", style: StyleSheet.absoluteFill }, children)));
-    }
-}

package/src/components/ProgressBar.js

@@ -1,118 +0,0 @@
-import React, { Component } from "react";
-import { Animated, Easing, View, I18nManager, } from "react-native";
-const INDETERMINATE_WIDTH_FACTOR = 0.3;
-const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
-export default class ProgressBar extends Component {
-    constructor(props) {
-        super(props);
-        const { progress: progressP = 0, indeterminate = false } = props;
-        const progress = Math.min(Math.max(progressP, 0), 1);
-        this.state = {
-            width: 0,
-            progress: new Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),
-            animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),
-        };
-    }
-    componentDidMount() {
-        const { indeterminate = false } = this.props;
-        if (indeterminate) {
-            this.animate();
-        }
-    }
-    componentDidUpdate(prevProps) {
-        const { indeterminate = false, useNativeDriver = false, progress: progressP = 0, animationType = "spring", animationConfig = { bounciness: 0 }, animated = true, } = this.props;
-        if (prevProps.indeterminate !== indeterminate) {
-            if (indeterminate) {
-                this.animate();
-            }
-            else {
-                Animated.spring(this.state.animationValue, {
-                    toValue: BAR_WIDTH_ZERO_POSITION,
-                    useNativeDriver,
-                }).start();
-            }
-        }
-        if (prevProps.indeterminate !== indeterminate ||
-            prevProps.progress !== progressP) {
-            const progress = this.props.indeterminate
-                ? INDETERMINATE_WIDTH_FACTOR
-                : Math.min(Math.max(progressP, 0), 1);
-            if (animated) {
-                Animated[animationType](this.state.progress, {
-                    ...animationConfig,
-                    toValue: progress,
-                    velocity: 0,
-                    useNativeDriver,
-                }).start();
-            }
-            else {
-                this.state.progress.setValue(progress);
-            }
-        }
-    }
-    handleLayout = (event) => {
-        const { width = 150, onLayout } = this.props;
-        if (!width) {
-            this.setState({ width: event.nativeEvent.layout.width });
-        }
-        if (onLayout) {
-            onLayout(event);
-        }
-    };
-    animate() {
-        const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } = this.props;
-        this.state.animationValue.setValue(0);
-        Animated.timing(this.state.animationValue, {
-            toValue: 1,
-            duration: indeterminateAnimationDuration,
-            easing: Easing.linear,
-            isInteraction: false,
-            useNativeDriver,
-        }).start((endState) => {
-            if (endState.finished) {
-                this.animate();
-            }
-        });
-    }
-    render() {
-        const { borderColor, borderRadius = 4, borderWidth = 1, children, color = "rgba(0, 122, 255, 1)", style, unfilledColor, width = 150, ...restProps } = this.props;
-        const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
-        const containerStyle = {
-            width,
-            borderWidth,
-            borderColor: borderColor || color,
-            borderRadius,
-            overflow: "hidden",
-            backgroundColor: unfilledColor,
-        };
-        const progressStyle = {
-            backgroundColor: color,
-            // Always take up full height of container.
-            height: "100%",
-            transform: [
-                {
-                    translateX: this.state.animationValue.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],
-                    }),
-                },
-                {
-                    translateX: this.state.progress.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],
-                    }),
-                },
-                {
-                    // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-                    scaleX: this.state.progress.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [0.0001, 1],
-                    }),
-                },
-            ],
-        };
-        return (React.createElement(View, { style: [containerStyle, style], onLayout: this.handleLayout, ...restProps },
-            React.createElement(Animated.View, { style: progressStyle }),
-            children));
-    }
-}

package/src/components/ProgressCircle.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { Text } from "react-native";
-import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
-const ProgressCircle = ({ progress = 0.5, style, color = "primary", size = 100, showsText = true, unfilledColor, strokeCap = "butt", textStyle, thickness = 1, theme, }) => {
-    const progressNum = Math.round(progress * 100);
-    const tintColor = color || theme.colors.primary;
-    const backgroundColor = unfilledColor || theme.colors.secondary;
-    return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },
-        Math.round(fill),
-        "%")) : null));
-};
-export default withTheme(ProgressCircle);

package/src/components/ProgressIndicator.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import StepIndicator from "./StepIndicator";
-import { withTheme } from "../theming";
-const ProgressIndicator = ({ numberOfSteps, currentStep, currentStepStrokeWidth = 3, stepStrokeCurrentColor = "primary", stepIndicatorSize, currentStepIndicatorSize, stepIndicatorCurrentColor, stepIndicatorLabelCurrentColor, stepIndicatorLabelFontSize = 12, stepNumberFinishedColor = "strongInverse", stepNumberUnfinishedColor = "primary", unfinishedColor = "light", finishedColor = "primary", theme, }) => {
-    const currentPosition = currentStep - 1;
-    return (React.createElement(StepIndicator, { stepCount: numberOfSteps, currentPosition: currentPosition, customStyles: {
-            stepIndicatorSize,
-            currentStepIndicatorSize: currentStepIndicatorSize
-                ? currentStepIndicatorSize
-                : stepIndicatorSize,
-            stepStrokeFinishedColor: finishedColor,
-            stepStrokeUnFinishedColor: unfinishedColor,
-            separatorFinishedColor: finishedColor,
-            separatorUnFinishedColor: unfinishedColor,
-            stepIndicatorFinishedColor: finishedColor,
-            stepIndicatorUnFinishedColor: unfinishedColor,
-            currentStepStrokeWidth,
-            stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
-            stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
-            stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
-            stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
-            stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
-            stepIndicatorLabelFontSize,
-            labelFontFamily: theme.typography.body1.fontFamily,
-        } }));
-};
-export default withTheme(ProgressIndicator);

package/src/components/RadioButton/RadioButton.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import Config from "../Config";
-import IconButton from "../IconButton";
-import { getValueForRadioButton } from "../../utilities";
-import { useRadioButtonGroupContext } from "./context";
-const RadioButton = ({ Icon, disabled = false, color, value = "", selected, unselectedColor, onPress, size = Config.radioButtonSize, selectedIcon = "MaterialIcons/radio-button-checked", unselectedIcon = "MaterialIcons/radio-button-unchecked", style, ...rest }) => {
-    const { value: contextValue, onValueChange } = useRadioButtonGroupContext();
-    const realValue = getValueForRadioButton(value);
-    const realContextValue = getValueForRadioButton(contextValue);
-    const isSelected = selected ?? realContextValue === realValue;
-    const handlePress = () => {
-        onPress?.(realValue);
-        onValueChange?.(realValue);
-    };
-    return (React.createElement(IconButton, { Icon: Icon, icon: isSelected ? selectedIcon : unselectedIcon, color: isSelected ? color : unselectedColor, disabled: disabled, onPress: handlePress, size: size, style: style, ...rest }));
-};
-export default RadioButton;

package/src/components/RadioButton/RadioButtonFieldGroup.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import Text from "../Text";
-import { withTheme } from "../../theming";
-import RadioButtonGroup from "./RadioButtonGroup";
-const RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {
-    return (React.createElement(View, { style: style },
-        React.createElement(Text, { style: [
-                {
-                    fontSize: theme.typography.headline4.fontSize,
-                    color: theme.typography.headline4.color,
-                },
-                labelStyle,
-            ] }, label),
-        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));
-};
-export default withTheme(RadioButtonFieldGroup);

package/src/components/RadioButton/RadioButtonGroup.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { View } from "react-native";
-import { getValueForRadioButton } from "../../utilities";
-import { radioButtonGroupContext, Direction } from "./context";
-const { Provider } = radioButtonGroupContext;
-const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue, style, children, ...rest }) => {
-    const [internalValue, setInternalValue] = React.useState("");
-    React.useEffect(() => {
-        if (value != null) {
-            const realValue = getValueForRadioButton(value);
-            setInternalValue(realValue);
-        }
-    }, [value]);
-    React.useEffect(() => {
-        if (defaultValue != null) {
-            const realDefaultValue = getValueForRadioButton(defaultValue);
-            setInternalValue(realDefaultValue);
-        }
-    }, [defaultValue]);
-    const handleValueChange = (newValue) => {
-        const realNewValue = getValueForRadioButton(newValue);
-        setInternalValue(realNewValue);
-        onValueChange?.(realNewValue);
-    };
-    const _containerStyle = [
-        {
-            flexDirection: direction === Direction.Horizontal ? "row" : "column",
-        },
-    ];
-    if (direction !== Direction.Vertical) {
-        _containerStyle.push({
-            alignItems: "center",
-        });
-    }
-    return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },
-        React.createElement(Provider, { value: {
-                value: internalValue,
-                onValueChange: handleValueChange,
-                direction,
-            } },
-            React.createElement(View, { style: _containerStyle }, children))));
-};
-export default RadioButtonGroup;

package/src/components/RadioButton/RadioButtonRow.js

@@ -1,76 +0,0 @@
-import * as React from "react";
-import { StyleSheet, View, Platform, } from "react-native";
-import RadioButton from "./RadioButton";
-import Text from "../Text";
-import { useRadioButtonGroupContext } from "./context";
-import { Direction as GroupDirection } from "./context";
-import Touchable from "../Touchable";
-import { extractStyles, getValueForRadioButton } from "../../utilities";
-export var Direction;
-(function (Direction) {
-    Direction["Row"] = "row";
-    Direction["RowReverse"] = "row-reverse";
-})(Direction || (Direction = {}));
-const getRadioButtonAlignment = (parentDirection, direction) => {
-    if (parentDirection === GroupDirection.Horizontal) {
-        return direction === Direction.Row ? "flex-start" : "flex-end";
-    }
-    else if (direction === Direction.RowReverse) {
-        return "flex-start";
-    }
-    else {
-        return "flex-end";
-    }
-};
-const renderLabel = (value, labelStyle, textStyle) => {
-    if (typeof value === "string") {
-        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);
-    }
-    else {
-        return React.createElement(React.Fragment, null, value);
-    }
-};
-const RadioButtonRow = ({ Icon, label, value = "", color, unselectedColor, onPress, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {
-    const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();
-    const realValue = getValueForRadioButton(value);
-    const realContextValue = getValueForRadioButton(contextValue);
-    const isSelected = selected ?? realContextValue === realValue;
-    const handlePress = () => {
-        onPress?.(realValue);
-        onValueChange?.(realValue);
-    };
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },
-        React.createElement(View, { style: [
-                styles.label,
-                {
-                    alignItems: direction === Direction.Row ? "flex-start" : "flex-end",
-                },
-                labelContainerStyle,
-            ] }, renderLabel(label, labelStyle, textStyles)),
-        React.createElement(View, { style: {
-                flex: 1,
-                alignItems: getRadioButtonAlignment(parentDirection, direction),
-            } },
-            React.createElement(RadioButton, { Icon: Icon, selected: isSelected, value: realValue, color: color, unselectedColor: unselectedColor, style: radioButtonStyle }))));
-};
-const styles = StyleSheet.create({
-    mainParent: {
-        alignItems: "center",
-        justifyContent: "space-around",
-        paddingStart: 20,
-        minHeight: 50,
-        paddingEnd: 20,
-        display: "flex",
-        ...Platform.select({
-            web: {
-                cursor: "pointer",
-                userSelect: "none",
-            },
-        }),
-    },
-    label: {
-        flex: 3,
-    },
-});
-export default RadioButtonRow;

package/src/components/RadioButton/context.js

@@ -1,14 +0,0 @@
-import { createContext, useContext } from "react";
-export var Direction;
-(function (Direction) {
-    Direction["Horizontal"] = "horizontal";
-    Direction["Vertical"] = "vertical";
-})(Direction || (Direction = {}));
-export const radioButtonGroupContext = createContext({
-    onValueChange: () => { },
-    value: "",
-    direction: undefined,
-});
-export function useRadioButtonGroupContext() {
-    return useContext(radioButtonGroupContext);
-}

package/src/components/RadioButton/index.js

@@ -1,4 +0,0 @@
-export { default as RadioButton } from "./RadioButton";
-export { default as RadioButtonGroup } from "./RadioButtonGroup";
-export { default as RadioButtonRow } from "./RadioButtonRow";
-export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";

package/src/components/ResizeMode.js

@@ -1 +0,0 @@
-export {};

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/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/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/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);