@draftbit/core 44.1.12 → 44.1.13-549e34.0

package/src/components/Picker/Picker.js

@@ -1,266 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Text, Platform, Dimensions, } from "react-native";
-import { omit, pickBy, identity, isObject } from "lodash";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import { withTheme } from "../../theming";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
-import Touchable from "../Touchable";
-import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames, } from "../../utilities";
-function normalizeOptions(options) {
-    if (options.length === 0) {
-        return [];
-    }
-    if (typeof options[0] === ("string" || "number")) {
-        return options.map((option) => ({
-            label: String(option),
-            value: String(option),
-        }));
-    }
-    if (isObject(options[0]) &&
-        options[0].value !== null &&
-        options[0].label !== null) {
-        return options.map((option) => {
-            return {
-                label: String(option.label),
-                value: String(option.value),
-            };
-        });
-    }
-    throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
-}
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
-const isIos = Platform.OS === "ios";
-const unstyledColor = "rgba(165, 173, 183, 1)";
-const disabledColor = "rgb(240, 240, 240)";
-const errorColor = "rgba(255, 69, 100, 1)";
-const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, theme, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", }) => {
-    const androidPickerRef = React.useRef(undefined);
-    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
-    const [pickerVisible, setPickerVisible] = React.useState(false);
-    const togglePickerVisible = () => {
-        setPickerVisible(!pickerVisible);
-    };
-    React.useEffect(() => {
-        if (value != null) {
-            setInternalValue(value);
-        }
-    }, [value]);
-    React.useEffect(() => {
-        if (defaultValue != null) {
-            setInternalValue(defaultValue);
-        }
-    }, [defaultValue]);
-    React.useEffect(() => {
-        if (pickerVisible && androidPickerRef.current) {
-            androidPickerRef?.current?.focus();
-        }
-    }, [pickerVisible, androidPickerRef]);
-    const normalizedOptions = normalizeOptions(options);
-    const pickerOptions = placeholder
-        ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]
-        : normalizedOptions;
-    const { colors } = theme;
-    const { viewStyles, textStyles } = extractStyles(style);
-    const additionalBorderStyles = ["backgroundColor"];
-    const additionalMarginStyles = [
-        "bottom",
-        "height",
-        "left",
-        "maxHeight",
-        "maxWidth",
-        "minHeight",
-        "minWidth",
-        "overflow",
-        "position",
-        "right",
-        "top",
-        "width",
-        "zIndex",
-    ];
-    const { borderStyles: extractedBorderStyles, marginStyles: extractedMarginStyles, } = extractBorderAndMarginStyles(viewStyles, additionalBorderStyles, additionalMarginStyles);
-    const borderStyles = {
-        ...{
-            ...(type === "solid"
-                ? {
-                    borderTopLeftRadius: 5,
-                    borderTopRightRadius: 5,
-                    borderBottomRightRadius: 5,
-                    borderBottomLeftRadius: 5,
-                    borderTopWidth: 1,
-                    borderRightWidth: 1,
-                    borderLeftWidth: 1,
-                }
-                : {}),
-            borderBottomWidth: 1,
-            borderColor: unstyledColor,
-            borderStyle: "solid",
-        },
-        ...extractedBorderStyles,
-        ...(error ? { borderColor: errorColor } : {}),
-        ...(disabled
-            ? { borderColor: "transparent", backgroundColor: disabledColor }
-            : {}),
-    };
-    const marginStyles = {
-        height: 60,
-        ...extractedMarginStyles,
-    };
-    const stylesWithoutBordersAndMargins = omit(viewStyles, [
-        ...borderStyleNames,
-        ...marginStyleNames,
-        ...additionalBorderStyles,
-        ...additionalMarginStyles,
-    ]);
-    const selectedLabel = internalValue &&
-        (pickerOptions.find((option) => option.value === internalValue)?.label ??
-            internalValue);
-    const labelText = label ? (React.createElement(Text, { style: {
-            textAlign: textStyles.textAlign,
-            color: unstyledColor,
-            fontSize: 12,
-            paddingBottom: 4,
-        } }, label)) : null;
-    const leftIconOutset = leftIconMode === "outset";
-    const leftIcon = leftIconName ? (React.createElement(Icon, { name: leftIconName, color: disabled ? unstyledColor : iconColor, size: iconSize, style: {
-            marginRight: 4,
-            marginLeft: 4,
-        } })) : null;
-    const rightIcon = rightIconName ? (React.createElement(Icon, { name: rightIconName, color: disabled ? unstyledColor : iconColor, size: iconSize, style: {
-            marginRight: -10,
-            marginLeft: 8,
-        } })) : null;
-    const textAlign = textStyles?.textAlign;
-    const calculateLeftPadding = () => {
-        if (leftIconOutset) {
-            if (textAlign === "center") {
-                return iconSize - Math.abs(8 - iconSize);
-            }
-            return iconSize + 8;
-        }
-        return 0;
-    };
-    const assistiveTextLabel = assistiveText ? (React.createElement(Text, { style: {
-            textAlign,
-            width: "100%",
-            paddingLeft: calculateLeftPadding(),
-            color: unstyledColor,
-            fontSize: 12,
-            paddingTop: 4,
-        } }, assistiveText)) : null;
-    const primaryTextStyle = {
-        color: unstyledColor,
-        fontSize: 14,
-        ...pickBy(textStyles, identity),
-        ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),
-        ...(disabled ? { color: unstyledColor } : {}),
-    };
-    const handleValueChange = (newValue, itemIndex) => {
-        if (!placeholder || itemIndex > 0) {
-            onValueChange?.(newValue, itemIndex);
-        }
-        setInternalValue(newValue);
-    };
-    return (
-    /* marginsContainer */
-    React.createElement(View, { style: [styles.marginsContainer, marginStyles] },
-        React.createElement(Touchable, { disabled: disabled, onPress: togglePickerVisible, style: styles.touchableContainer },
-            React.createElement(View, { pointerEvents: "none", style: [
-                    styles.outsetContainer,
-                    stylesWithoutBordersAndMargins,
-                    !leftIconOutset ? borderStyles : {},
-                ] },
-                leftIcon,
-                React.createElement(View, { style: [
-                        styles.insetContainer,
-                        leftIconOutset ? borderStyles : {},
-                    ] },
-                    React.createElement(View, { style: styles.primaryTextContainer },
-                        labelText,
-                        React.createElement(Text, { style: primaryTextStyle }, String(selectedLabel ?? placeholder))),
-                    rightIcon)),
-            assistiveTextLabel),
-        isIos && pickerVisible ? (React.createElement(Portal, null,
-            React.createElement(View, { style: [
-                    styles.iosPicker,
-                    {
-                        backgroundColor: colors.divider,
-                    },
-                ] },
-                React.createElement(SafeAreaView, { style: styles.iosSafeArea },
-                    React.createElement(Button, { Icon: Icon, type: "text", onPress: togglePickerVisible, style: styles.iosButton }, "Close"),
-                    React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
-        !isIos && pickerVisible ? (React.createElement(NativePicker, { enabled: pickerVisible, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
-};
-export default withTheme(Picker);
-const styles = StyleSheet.create({
-    marginsContainer: {
-        alignSelf: "stretch",
-        alignItems: "center",
-        width: "100%",
-        maxWidth: deviceWidth,
-    },
-    touchableContainer: {
-        flex: 1,
-        height: "100%",
-        width: "100%",
-        alignSelf: "stretch",
-        alignItems: "center",
-    },
-    outsetContainer: {
-        flex: 1,
-        height: "100%",
-        width: "100%",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-    },
-    insetContainer: {
-        flex: 1,
-        height: "100%",
-        width: "100%",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        paddingLeft: 12,
-        paddingRight: 12,
-    },
-    primaryTextContainer: {
-        flex: 1,
-    },
-    iosPicker: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        justifyContent: "center",
-        width: "100%",
-        maxWidth: deviceWidth,
-        maxHeight: deviceHeight,
-    },
-    iosSafeArea: {
-        backgroundColor: "white",
-        flexDirection: "column",
-        width: "100%",
-        maxWidth: deviceWidth,
-    },
-    iosButton: {
-        alignSelf: "flex-end",
-    },
-    iosNativePicker: {
-        backgroundColor: "white",
-    },
-    nonIosPicker: {
-        opacity: 0,
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width: "100%",
-        maxWidth: deviceWidth,
-        maxHeight: deviceHeight,
-    },
-});

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