@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/lib/typescript/src/components/Progress/ProgressCommon.d.ts

@@ -1,40 +1,40 @@
-import { StyleProp, ViewStyle } from "react-native";
-import { Theme } from "../../styles/DefaultTheme";
-declare type LineCap = "round" | "square";
-export declare const DEFAULT_ANIMATION_DURATION = 500;
-export interface BaseProgressProps {
-    thickness?: number;
-    trackThickness?: number;
-    color?: string;
-    trackColor?: string;
-    trackOpacity?: number;
-    showTrack?: boolean;
-    animationDuration?: number;
-    isAnimated?: boolean;
-    lineCap?: LineCap;
-    trackLineCap?: LineCap;
-    dashWidth?: string | number;
-    trackDashWidth?: string | number;
-    dashGap?: string | number;
-    trackDashGap?: string | number;
-    dashOffset?: string | number;
-    trackDashOffset?: string | number;
-    customDashArray?: string;
-    trackCustomDashArray?: string;
-    onFullPathWidth?: (width: number) => void;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-    testID?: string;
-}
-export interface ValueProgressProps extends BaseProgressProps {
-    value?: number;
-    minimumValue?: number;
-    maximumValue?: number;
-}
-export interface IndeterminateProgressProps extends BaseProgressProps {
-    indeterminate?: boolean;
-}
-export interface CircularProgressProps {
-    startPosition?: "left" | "top" | "right" | "bottom";
-}
-export {};
+import { StyleProp, ViewStyle } from "react-native";
+import { Theme } from "../../styles/DefaultTheme";
+declare type LineCap = "round" | "square";
+export declare const DEFAULT_ANIMATION_DURATION = 500;
+export interface BaseProgressProps {
+    thickness?: number;
+    trackThickness?: number;
+    color?: string;
+    trackColor?: string;
+    trackOpacity?: number;
+    showTrack?: boolean;
+    animationDuration?: number;
+    isAnimated?: boolean;
+    lineCap?: LineCap;
+    trackLineCap?: LineCap;
+    dashWidth?: string | number;
+    trackDashWidth?: string | number;
+    dashGap?: string | number;
+    trackDashGap?: string | number;
+    dashOffset?: string | number;
+    trackDashOffset?: string | number;
+    customDashArray?: string;
+    trackCustomDashArray?: string;
+    onFullPathWidth?: (width: number) => void;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+    testID?: string;
+}
+export interface ValueProgressProps extends BaseProgressProps {
+    value?: number;
+    minimumValue?: number;
+    maximumValue?: number;
+}
+export interface IndeterminateProgressProps extends BaseProgressProps {
+    indeterminate?: boolean;
+}
+export interface CircularProgressProps {
+    startPosition?: "left" | "top" | "right" | "bottom";
+}
+export {};

package/lib/typescript/src/components/Progress/ProgressCommon.js

@@ -1,2 +1,2 @@
-export const DEFAULT_ANIMATION_DURATION = 500;
+export const DEFAULT_ANIMATION_DURATION = 500;
 //# sourceMappingURL=ProgressCommon.js.map

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

@@ -1,23 +1,23 @@
-import * as React from "react";
-import themeT from "../styles/DefaultTheme";
-import { colorTypes } from "@draftbit/types";
-declare type Props = {
-    numberOfSteps: number;
-    currentStep: number;
-    currentStepStrokeWidth?: number;
-    stepStrokeCurrentColor?: colorTypes;
-    stepIndicatorSize?: number;
-    currentStepIndicatorSize?: number;
-    stepIndicatorCurrentColor?: colorTypes;
-    stepIndicatorLabelCurrentColor?: colorTypes;
-    stepIndicatorLabelFontSize?: number;
-    stepNumberFinishedColor?: colorTypes;
-    stepNumberUnfinishedColor?: colorTypes;
-    unfinishedColor?: colorTypes;
-    finishedColor?: colorTypes;
-    theme: typeof themeT;
-};
-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;
+import * as React from "react";
+import themeT from "../styles/DefaultTheme";
+import { colorTypes } from "@draftbit/types";
+declare type Props = {
+    numberOfSteps: number;
+    currentStep: number;
+    currentStepStrokeWidth?: number;
+    stepStrokeCurrentColor?: colorTypes;
+    stepIndicatorSize?: number;
+    currentStepIndicatorSize?: number;
+    stepIndicatorCurrentColor?: colorTypes;
+    stepIndicatorLabelCurrentColor?: colorTypes;
+    stepIndicatorLabelFontSize?: number;
+    stepNumberFinishedColor?: colorTypes;
+    stepNumberUnfinishedColor?: colorTypes;
+    unfinishedColor?: colorTypes;
+    finishedColor?: colorTypes;
+    theme: typeof themeT;
+};
+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;

package/lib/typescript/src/components/ProgressIndicator.js

@@ -1,28 +1,28 @@
-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);
+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);
 //# sourceMappingURL=ProgressIndicator.js.map

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

@@ -1,17 +1,17 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import type { IconSlot } from "../../interfaces/Icon";
-export declare type RadioButtonProps = {
-    selected?: boolean;
-    disabled?: boolean;
-    color?: string;
-    value?: string | number;
-    unselectedColor?: string;
-    onPress?: (value?: string) => void;
-    style?: StyleProp<ViewStyle>;
-    size?: number;
-    selectedIcon?: string;
-    unselectedIcon?: string;
-} & IconSlot;
-declare const RadioButton: React.FC<RadioButtonProps>;
-export default RadioButton;
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { IconSlot } from "../../interfaces/Icon";
+export declare type RadioButtonProps = {
+    selected?: boolean;
+    disabled?: boolean;
+    color?: string;
+    value?: string | number;
+    unselectedColor?: string;
+    onPress?: (value?: string) => void;
+    style?: StyleProp<ViewStyle>;
+    size?: number;
+    selectedIcon?: string;
+    unselectedIcon?: string;
+} & IconSlot;
+declare const RadioButton: React.FC<RadioButtonProps>;
+export default RadioButton;

package/lib/typescript/src/components/RadioButton/RadioButton.js

@@ -1,18 +1,18 @@
-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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
-    const handlePress = () => {
-        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
-        onValueChange === null || onValueChange === void 0 ? void 0 : 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;
+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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
+    const handlePress = () => {
+        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : 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;
 //# sourceMappingURL=RadioButton.js.map

package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
-import { Direction } from "./context";
-export interface RadioButtonGroupProps {
-    direction?: Direction;
-    style?: StyleProp<ViewStyle>;
-    value: string | number;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string | number;
-    theme: Theme;
-    children: React.ReactNode;
-}
-declare const RadioButtonGroup: React.FC<RadioButtonGroupProps>;
-export default RadioButtonGroup;
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import { Direction } from "./context";
+export interface RadioButtonGroupProps {
+    direction?: Direction;
+    style?: StyleProp<ViewStyle>;
+    value: string | number;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string | number;
+    theme: Theme;
+    children: React.ReactNode;
+}
+declare const RadioButtonGroup: React.FC<RadioButtonGroupProps>;
+export default RadioButtonGroup;

package/lib/typescript/src/components/RadioButton/RadioButtonGroup.js

@@ -1,44 +1,44 @@
-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 === null || onValueChange === void 0 ? void 0 : 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;
+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 === null || onValueChange === void 0 ? void 0 : 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;
 //# sourceMappingURL=RadioButtonGroup.js.map

package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts

@@ -1,21 +1,21 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-import { RadioButtonProps } from "./RadioButton";
-import type { IconSlot } from "../../interfaces/Icon";
-export declare enum Direction {
-    Row = "row",
-    RowReverse = "row-reverse"
-}
-export interface RadioButtonRowProps extends Omit<RadioButtonProps, "onPress"> {
-    label: string | React.ReactNode;
-    value: string | number;
-    color?: string;
-    unselectedColor?: string;
-    labelContainerStyle: StyleProp<ViewStyle>;
-    radioButtonStyle?: StyleProp<ViewStyle>;
-    labelStyle?: StyleProp<TextStyle>;
-    onPress?: (value: string) => void;
-    direction?: Direction;
-}
-declare const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot>;
-export default RadioButtonRow;
+import * as React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import { RadioButtonProps } from "./RadioButton";
+import type { IconSlot } from "../../interfaces/Icon";
+export declare enum Direction {
+    Row = "row",
+    RowReverse = "row-reverse"
+}
+export interface RadioButtonRowProps extends Omit<RadioButtonProps, "onPress"> {
+    label: string | React.ReactNode;
+    value: string | number;
+    color?: string;
+    unselectedColor?: string;
+    labelContainerStyle: StyleProp<ViewStyle>;
+    radioButtonStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    onPress?: (value: string) => void;
+    direction?: Direction;
+}
+declare const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot>;
+export default RadioButtonRow;

package/lib/typescript/src/components/RadioButton/RadioButtonRow.js

@@ -1,77 +1,77 @@
-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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
-    const handlePress = () => {
-        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
-        onValueChange === null || onValueChange === void 0 ? void 0 : 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;
+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 !== null && selected !== void 0 ? selected : realContextValue === realValue;
+    const handlePress = () => {
+        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : 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;
 //# sourceMappingURL=RadioButtonRow.js.map

package/lib/typescript/src/components/RadioButton/context.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export declare enum Direction {
-    Horizontal = "horizontal",
-    Vertical = "vertical"
-}
-interface RadioButtonGroupContext {
-    onValueChange: (value: string) => void;
-    value: string;
-    direction?: Direction;
-}
-export declare const radioButtonGroupContext: import("react").Context<RadioButtonGroupContext>;
-export declare function useRadioButtonGroupContext(): RadioButtonGroupContext;
-export {};
+/// <reference types="react" />
+export declare enum Direction {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+interface RadioButtonGroupContext {
+    onValueChange: (value: string) => void;
+    value: string;
+    direction?: Direction;
+}
+export declare const radioButtonGroupContext: import("react").Context<RadioButtonGroupContext>;
+export declare function useRadioButtonGroupContext(): RadioButtonGroupContext;
+export {};

package/lib/typescript/src/components/RadioButton/context.js

@@ -1,15 +1,15 @@
-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);
-}
+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);
+}
 //# sourceMappingURL=context.js.map