@draftbit/core 44.2.3-f311f8.2 → 46.0.0

package/src/components/Picker/PickerComponent.android.js

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import omit from "lodash.omit";
-import { withTheme } from "../../theming";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import { extractStyles } from "../../utilities";
-import TextField from "../TextField";
-import Touchable from "../Touchable";
-const Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {
-    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...viewStyles }, } = extractStyles(style);
-    const textField = React.useRef(undefined);
-    const onValueChange = (itemValue, itemIndex) => {
-        toggleFocus();
-        onValueChangeOverride(itemValue, itemIndex);
-    };
-    const toggleFocus = () => {
-        if (!disabled) {
-            // @ts-ignore
-            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-        }
-    };
-    const stylesWithoutMargin = style &&
-        omit(StyleSheet.flatten(style), [
-            "margin",
-            "marginTop",
-            "marginRight",
-            "marginBottom",
-            "marginLeft",
-        ]);
-    const selectedLabel = selectedValue &&
-        (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);
-    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
-        React.createElement(View, null,
-            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {
-                    opacity: 0,
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    width: "100%",
-                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
-            React.createElement(View, { pointerEvents: "none" },
-                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
-                    // @ts-ignore
-                    ref: textField, disabled: disabled, 
-                    // @ts-expect-error
-                    style: stylesWithoutMargin })))));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignSelf: "stretch",
-    },
-});
-export default withTheme(Picker);

package/src/components/Picker/PickerComponent.ios.js

@@ -1,78 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import omit from "lodash.omit";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import { withTheme } from "../../theming";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
-import TextField from "../TextField";
-import Touchable from "../Touchable";
-import { extractStyles } from "../../utilities";
-const Picker = ({ Icon, style, options, placeholder, selectedValue, disabled = false, onValueChange = () => { }, theme: { colors }, ...props }) => {
-    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...viewStyles }, } = extractStyles(style);
-    const textField = React.useRef(undefined);
-    const [pickerVisible, setIsPickerVisible] = React.useState(false);
-    const toggleVisibility = () => {
-        setIsPickerVisible(!pickerVisible);
-        // @ts-ignore
-        textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-    };
-    const stylesWithoutMargin = style &&
-        omit(StyleSheet.flatten(style), [
-            "margin",
-            "marginTop",
-            "marginRight",
-            "marginBottom",
-            "marginLeft",
-        ]);
-    const selectedLabel = selectedValue &&
-        (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);
-    return (React.createElement(View, { style: [styles.container, viewStyles] },
-        React.createElement(Touchable, { disabled: disabled, onPress: toggleVisibility },
-            React.createElement(TextField, { ...props, value: String(selectedLabel), placeholder: placeholder, 
-                // @ts-ignore
-                ref: textField, disabled: disabled, pointerEvents: "none", 
-                // @ts-expect-error
-                style: stylesWithoutMargin, Icon: Icon })),
-        pickerVisible && (React.createElement(Portal, null,
-            React.createElement(View, { style: [styles.picker, { backgroundColor: colors.divider }] },
-                React.createElement(SafeAreaView, { style: styles.pickerContainer },
-                    React.createElement(Button, { Icon: Icon, type: "text", onPress: toggleVisibility, style: styles.closeButton }, "Close"),
-                    React.createElement(NativePicker, { style: { backgroundColor: "white" }, selectedValue: selectedValue, onValueChange: onValueChange }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value }))))))))));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignSelf: "stretch",
-    },
-    picker: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        justifyContent: "center",
-    },
-    pickerContainer: {
-        backgroundColor: "white",
-        flexDirection: "column",
-        width: "100%",
-    },
-    closeButton: {
-        alignSelf: "flex-end",
-    },
-});
-export default withTheme(Picker);

package/src/components/Picker/PickerComponent.web.js

@@ -1,69 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import omit from "lodash.omit";
-import { withTheme } from "../../theming";
-import { extractStyles } from "../../utilities";
-import TextField from "../TextField";
-import Touchable from "../Touchable";
-const Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {
-    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars
-    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars
-    padding, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars
-    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...viewStyles }, } = extractStyles(style);
-    const textField = React.useRef(undefined);
-    const onValueChange = (itemValue, itemIndex) => {
-        toggleFocus();
-        onValueChangeOverride(itemValue, itemIndex);
-    };
-    const toggleFocus = () => {
-        if (!disabled) {
-            // @ts-ignore
-            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
-        }
-    };
-    const stylesWithoutMargin = style &&
-        omit(StyleSheet.flatten(style), [
-            "margin",
-            "marginTop",
-            "marginRight",
-            "marginBottom",
-            "marginLeft",
-        ]);
-    const selectedLabel = selectedValue &&
-        (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);
-    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },
-        React.createElement(View, null,
-            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {
-                    flex: 1,
-                    opacity: 0,
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    width: "100%",
-                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),
-            React.createElement(View, { pointerEvents: "none" },
-                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, 
-                    // @ts-ignore
-                    ref: textField, disabled: disabled, 
-                    // @ts-expect-error
-                    style: stylesWithoutMargin })))));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignSelf: "stretch",
-    },
-});
-export default withTheme(Picker);

package/src/components/Picker/PickerTypes.js

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

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;