@draftbit/core 47.2.13-f38301.2 → 47.2.14-9580d7.2

package/lib/src/components/TextField.js

@@ -0,0 +1,429 @@
+import * as React from "react";
+import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager, } from "react-native";
+import { withTheme } from "../theming";
+import { applyStyles, extractStyles } from "../utilities";
+const AnimatedText = Animated.createAnimatedComponent(Text);
+const FOCUS_ANIMATION_DURATION = 150;
+const BLUR_ANIMATION_DURATION = 180;
+const ICON_SIZE = 24;
+class TextField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            nativeProps: {},
+            labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
+            focused: false,
+            placeholder: this.props.error ? this.props.placeholder : "",
+            labelLayout: {
+                measured: false,
+                width: 0,
+            },
+        };
+        this._timer = setTimeout(() => { }, 0);
+        this._showPlaceholder = () => {
+            clearTimeout(this._timer);
+            // Set the placeholder in a delay to offset the label animation
+            // If we show it immediately, they'll overlap and look ugly
+            this._timer = setTimeout(() => this.setState({
+                placeholder: this.props.placeholder,
+            }), 50);
+        };
+        this._hidePlaceholder = () => this.setState({
+            placeholder: "",
+        });
+        this._restoreLabel = () => Animated.timing(this.state.labeled, {
+            toValue: 1,
+            duration: FOCUS_ANIMATION_DURATION,
+            useNativeDriver: true,
+        }).start();
+        this._minmizeLabel = () => Animated.timing(this.state.labeled, {
+            toValue: 0,
+            duration: BLUR_ANIMATION_DURATION,
+            useNativeDriver: true,
+        }).start();
+        this._handleFocus = () => {
+            if (this.props.disabled) {
+                return;
+            }
+            this.setState({ focused: true });
+        };
+        this._handleBlur = () => {
+            if (this.props.disabled) {
+                return;
+            }
+            this.setState({ focused: false });
+        };
+        this._handleChangeText = (value) => {
+            if (this.props.disabled) {
+                return;
+            }
+            if (typeof value === "string") {
+                this.setState({ value });
+                this.props.onChangeText && this.props.onChangeText(value);
+            }
+            else {
+                this.setState({ value: value.nativeEvent.text });
+                this.props.onChangeText &&
+                    this.props.onChangeText(value.nativeEvent.text);
+            }
+        };
+        this._root = undefined;
+    }
+    static getDerivedStateFromProps(nextProps, prevState) {
+        return {
+            value: typeof nextProps.value !== "undefined"
+                ? nextProps.value
+                : prevState.value,
+        };
+    }
+    componentDidMount() {
+        if (this.props.defaultValue) {
+            this._handleChangeText(this.props.defaultValue);
+        }
+        if (this.props.placeholder) {
+            this._minmizeLabel();
+        }
+    }
+    componentDidUpdate(prevProps, prevState) {
+        if (prevState.focused !== this.state.focused ||
+            prevState.value !== this.state.value) {
+            // The label should be minimized if the text input is focused, or has text
+            // In minimized mode, the label moves up and becomes small
+            if (this.state.value ||
+                this.state.focused ||
+                this.props.error ||
+                this.props.placeholder) {
+                this._minmizeLabel();
+            }
+            else {
+                this._restoreLabel();
+            }
+        }
+        if (prevState.focused !== this.state.focused ||
+            prevProps.label !== this.props.label) {
+            // Show placeholder text only if the input is focused, or has error, or there's no label
+            // We don't show placeholder if there's a label because the label acts as placeholder
+            // When focused, the label moves up, so we can show a placeholder
+            if (this.state.focused || this.props.error || !this.props.label) {
+                this._showPlaceholder();
+            }
+            else {
+                this._hidePlaceholder();
+            }
+        }
+    }
+    componentWillUnmount() {
+        clearTimeout(this._timer);
+    }
+    toggleFocus() {
+        this.setState((prevState) => ({ focused: !prevState.focused }));
+    }
+    /**
+     * @internal
+     */
+    setNativeProps(args) {
+        this.setState((state) => ({
+            ...state,
+            nativeState: args || {},
+        }));
+    }
+    isFocused() {
+        return this._root && this._root.isFocused();
+    }
+    clear() {
+        return this._root && this._root.clear();
+    }
+    focus() {
+        return this._root && this._root.focus();
+    }
+    blur() {
+        return this._root && this._root.blur();
+    }
+    render() {
+        const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, activeBorderColor: activeBorderColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
+        const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
+        const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
+        const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
+        const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;
+        const hasActiveOutline = this.state.focused || error;
+        let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
+        inputTextColor = colors.strong;
+        if (disabled) {
+            activeColor = colors.light;
+            placeholderColor = colors.light;
+            borderColor = "transparent";
+            underlineColor = "transparent";
+            backgroundColor = colors.divider;
+        }
+        else {
+            activeColor = error ? colors.error : activeBorderColorProp;
+            placeholderColor = borderColor = colors.light;
+            underlineColor = underlineColorProp;
+            backgroundColor = colors.background;
+        }
+        if (rest.placeholderTextColor) {
+            placeholderColor = rest.placeholderTextColor;
+        }
+        const { lineHeight, ...subtitle1 } = typography.subtitle1;
+        inputStyle = {
+            paddingVertical: 0,
+            color: inputTextColor,
+            paddingLeft: leftIconName && leftIconMode === "inset"
+                ? ICON_SIZE + 12 + (type === "solid" ? 16 : 0)
+                : 0,
+            paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
+            ...subtitle1,
+        };
+        if (!multiline) {
+            inputStyle.height = lineHeight;
+        }
+        let assistiveTextLeftMargin;
+        if (type === "underline") {
+            containerStyle = {
+                borderTopLeftRadius: roundness,
+                borderTopRightRadius: roundness,
+                paddingBottom: 12,
+                marginTop: 16,
+            };
+            if (leftIconName && leftIconMode === "outset") {
+                assistiveTextLeftMargin = ICON_SIZE + 8;
+            }
+            else {
+                assistiveTextLeftMargin = 0;
+            }
+        }
+        else {
+            containerStyle = {
+                borderRadius: roundness,
+                borderColor: hasActiveOutline ? activeColor : borderColor,
+                borderWidth: 1,
+                paddingTop: label ? 16 * 1.5 : 16,
+                paddingBottom: label ? 16 * 0.5 : 16,
+                opacity: disabled ? disabledOpacity : 1,
+                backgroundColor,
+            };
+            if (leftIconName && leftIconMode === "inset") {
+                assistiveTextLeftMargin = 16 + 4;
+            }
+            else if (leftIconName && leftIconMode === "outset") {
+                assistiveTextLeftMargin = ICON_SIZE + 8 + 12;
+            }
+            else {
+                assistiveTextLeftMargin = 12;
+            }
+            inputStyle.paddingHorizontal = 12;
+        }
+        if (leftIconName && leftIconMode === "outset") {
+            containerStyle.marginLeft = ICON_SIZE + 8;
+        }
+        let leftIconColor;
+        if (error) {
+            leftIconColor = colors.error;
+        }
+        else if (this.state.focused) {
+            leftIconColor = colors.primary;
+        }
+        else {
+            leftIconColor = colors.light;
+        }
+        const leftIconProps = {
+            size: 24,
+            color: leftIconColor,
+            name: leftIconName || "",
+        };
+        const leftIconStyle = {
+            position: "absolute",
+            marginTop: type === "solid"
+                ? MINIMIZED_LABEL_FONT_SIZE + 4
+                : leftIconMode === "outset"
+                    ? 16
+                    : 0,
+            marginLeft: leftIconMode === "inset" && type === "solid" ? 16 : 0,
+        };
+        const labelStyle = {
+            ...typography.subtitle1,
+            top: type === "solid" ? 16 : 0,
+            left: leftIconName && leftIconMode === "inset"
+                ? ICON_SIZE + (type === "solid" ? 16 : 12)
+                : 0,
+            transform: [
+                {
+                    // Move label to top
+                    translateY: this.state.labeled.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [
+                            type === "solid"
+                                ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET
+                                : MINIMIZED_LABEL_Y_OFFSET,
+                            0,
+                        ],
+                    }),
+                },
+                {
+                    // Make label smaller
+                    scale: this.state.labeled.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [
+                            MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,
+                            1,
+                        ],
+                    }),
+                },
+                {
+                    // Offset label scale since RN doesn't support transform origin
+                    translateX: this.state.labeled.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [
+                            -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *
+                                (this.state.labelLayout.width / 2),
+                            0,
+                        ],
+                    }),
+                },
+            ],
+        };
+        const { textStyles } = extractStyles(style);
+        const inputStyles = applyStyles([
+            styles.input,
+            inputStyle,
+            type === "solid" ? { marginHorizontal: 12 } : {},
+        ], textStyles);
+        const { backgroundColor: bgColor, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderColor: borderCol, ...styleProp } = StyleSheet.flatten(style || {});
+        return (React.createElement(View, { style: [styles.container, styleProp] },
+            leftIconName && leftIconMode === "outset" ? (React.createElement(Icon, { ...leftIconProps, style: leftIconStyle })) : null,
+            React.createElement(View, { style: applyStyles([containerStyle], {
+                    height: style === null || style === void 0 ? void 0 : style.height,
+                    backgroundColor: bgColor,
+                    padding,
+                    paddingTop,
+                    paddingBottom,
+                    paddingLeft,
+                    paddingRight,
+                    borderRadius,
+                    borderWidth,
+                    borderTopWidth,
+                    borderRightWidth,
+                    borderBottomWidth,
+                    borderLeftWidth,
+                    borderColor: borderCol,
+                }) },
+                type === "underline" ? (
+                // When type === 'flat', render an underline
+                React.createElement(Animated.View, { style: [
+                        styles.underline,
+                        {
+                            backgroundColor: bgColor ||
+                                (error
+                                    ? colors.error
+                                    : this.state.focused
+                                        ? activeColor
+                                        : underlineColor),
+                            // Underlines is thinner when input is not focused
+                            transform: [{ scaleY: this.state.focused ? 1 : 0.5 }],
+                        },
+                    ] })) : null,
+                label ? (
+                // Position colored placeholder and gray placeholder on top of each other and crossfade them
+                // This gives the effect of animating the color, but allows us to use native driver
+                React.createElement(View, { pointerEvents: "none", style: [
+                        StyleSheet.absoluteFill,
+                        {
+                            opacity: 
+                            // Hide the label in minimized state until we measure its width
+                            this.state.value || this.state.focused
+                                ? this.state.labelLayout.measured
+                                    ? 1
+                                    : 0
+                                : 1,
+                        },
+                    ] },
+                    React.createElement(AnimatedText, { onLayout: (e) => this.setState({
+                            labelLayout: {
+                                width: e.nativeEvent.layout.width,
+                                measured: true,
+                            },
+                        }), style: [
+                            styles.placeholder,
+                            type === "solid" ? { paddingHorizontal: 12 } : {},
+                            labelStyle,
+                            {
+                                color: placeholderColor,
+                                opacity: this.state.labeled.interpolate({
+                                    inputRange: [0, 1],
+                                    outputRange: [hasActiveOutline ? 1 : 0, 0],
+                                }),
+                            },
+                        ], numberOfLines: 1 }, label),
+                    React.createElement(AnimatedText, { style: [
+                            styles.placeholder,
+                            type === "solid" ? { paddingHorizontal: 12 } : {},
+                            labelStyle,
+                            {
+                                color: placeholderColor,
+                                opacity: hasActiveOutline ? this.state.labeled : 1,
+                            },
+                        ], numberOfLines: 1 }, label))) : null,
+                leftIconName && leftIconMode === "inset" ? (React.createElement(View, { style: {
+                        justifyContent: type === "solid" ? "center" : undefined,
+                    } },
+                    React.createElement(Icon, { ...leftIconProps, style: leftIconStyle }))) : null,
+                render({
+                    ref: (c) => {
+                        this._root = c;
+                    },
+                    onChange: this._handleChangeText,
+                    placeholder: label
+                        ? this.state.placeholder
+                        : this.props.placeholder,
+                    placeholderTextColor: placeholderColor,
+                    editable: !disabled,
+                    selectionColor: activeColor,
+                    multiline,
+                    numberOfLines,
+                    onFocus: this._handleFocus,
+                    onBlur: this._handleBlur,
+                    underlineColorAndroid: "transparent",
+                    style: inputStyles,
+                    ...rest,
+                    ...this.state.nativeProps,
+                    value: this.state.value,
+                })),
+            rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {
+                    position: "absolute",
+                    right: 16,
+                    marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,
+                } })) : null,
+            assistiveText ? (React.createElement(Text, { style: [
+                    {
+                        color: error ? colors.error : colors.light,
+                        marginTop: 8,
+                        marginLeft: assistiveTextLeftMargin,
+                    },
+                ] }, assistiveText)) : null));
+    }
+}
+export default withTheme(TextField);
+const styles = StyleSheet.create({
+    container: {
+        alignSelf: "stretch",
+    },
+    placeholder: {
+        position: "absolute",
+        left: 0,
+    },
+    underline: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: 2,
+    },
+    input: {
+        flexGrow: 1,
+        justifyContent: "center",
+        textAlignVertical: "center",
+        margin: 0,
+        textAlign: I18nManager.isRTL ? "right" : "left",
+    },
+});
+//# sourceMappingURL=TextField.js.map

package/lib/src/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/ToggleButton.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { colorTypes } from "@draftbit/types";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    icon: string;
+    toggled?: boolean;
+    onPress?: (value: boolean) => void;
+    defaultValue?: boolean;
+    disabled?: boolean;
+    color?: colorTypes;
+    colorSecondary?: colorTypes;
+    borderColor?: colorTypes;
+    iconSize?: number;
+    width?: number;
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/src/components/ToggleButton.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import { StyleSheet } from "react-native";
+import IconButton from "./IconButton";
+const ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, defaultValue, disabled = false, color = "primary", colorSecondary = "surface", borderColor = "divider", iconSize = 25, width = 50, height = 50, theme: { colors }, style, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
+    React.useEffect(() => {
+        if (toggled != null) {
+            setInternalValue(toggled);
+        }
+    }, [toggled]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const handlePress = () => {
+        setInternalValue(!internalValue);
+        onPress(!internalValue);
+    };
+    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [
+            styles.mainContainer,
+            {
+                width,
+                height,
+                backgroundColor: internalValue
+                    ? colors[colorSecondary]
+                    : colors[color],
+                borderColor: colors[borderColor],
+            },
+            style,
+        ], ...rest }));
+};
+const styles = StyleSheet.create({
+    mainContainer: {
+        borderWidth: 1,
+    },
+});
+export default withTheme(ToggleButton);
+//# sourceMappingURL=ToggleButton.js.map

package/lib/src/components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,MAAM,cAAc,CAAC;AAoBtC,MAAM,YAAY,GAA6C,CAAC,EAC9D,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,OAAO,IAAI,YAAY,IAAI,KAAK,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,aAAa;YACpB;gBACE,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,aAAa;oBAC5B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}

package/lib/src/components/Touchable.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PressableProps, ViewStyle } from "react-native";
+declare type Props = {
+    style?: ViewStyle;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+} & PressableProps;
+export default function Touchable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }: Props): JSX.Element;
+export {};

package/lib/src/components/Touchable.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { Pressable } from "react-native";
+export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
+    return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
+            return [
+                {
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+                },
+                style,
+            ];
+        }, ...props }, children));
+}
+//# sourceMappingURL=Touchable.js.map

package/lib/src/components/Touchable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../../src/components/Touchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAA6B,MAAM,cAAc,CAAC;AAQpE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,GAAG,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACF;IACN,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,EACrD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACrB,OAAO;gBACL;oBACE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;iBAClE;gBACD,KAAK;aACN,CAAC;QACJ,CAAC,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAC;AACJ,CAAC"}

package/lib/src/components/Touchable.web.d.ts

@@ -0,0 +1,2 @@
+import { TouchableOpacity } from "react-native";
+export default TouchableOpacity;

package/lib/src/components/Touchable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Touchable.web.js","sourceRoot":"","sources":["../../../src/components/Touchable.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,eAAe,gBAAgB,CAAC"}

package/lib/src/components/Typography.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { TextStyle, StyleProp } from "react-native";
+import Theme from "../styles/DefaultTheme";
+declare type Props = {
+    text: string;
+    style?: StyleProp<TextStyle>;
+    /**
+     * @optional
+     */
+    theme: typeof Theme;
+};
+export declare const Title: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ text, theme, style }: Props) => JSX.Element), {}>;
+export declare const Subtitle: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ text, theme, style }: Props) => JSX.Element), {}>;
+export declare const Caption: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ text, theme, style }: Props) => JSX.Element), {}>;
+export {};

package/lib/src/components/Typography.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Text } from "react-native";
+import { withTheme } from "../theming";
+export const Title = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 20,
+                letterSpacing: 0,
+                lineHeight: 26,
+                color: theme.colors.text,
+            },
+            style,
+        ] }, text));
+});
+export const Subtitle = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 14,
+                letterSpacing: 0,
+                lineHeight: 16,
+                color: theme.colors.medium,
+            },
+            style,
+        ] }, text));
+});
+export const Caption = withTheme(({ text, theme, style }) => {
+    return (React.createElement(Text, { style: [
+            {
+                fontSize: 12,
+                letterSpacing: 0,
+                lineHeight: 14,
+                color: theme.colors.light,
+            },
+            style,
+        ] }, text));
+});
+//# sourceMappingURL=Typography.js.map

package/lib/src/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAC/D,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAS,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,KAAK;SACN,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/src/components/YoutubePlayer/YoutubePlayer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { YoutubePlayerProps } from "./YoutubePlayerProps";
+declare const YoutubePlayer: React.FC<YoutubePlayerProps>;
+export default YoutubePlayer;

package/lib/src/components/YoutubePlayer/YoutubePlayer.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { View } from "react-native";
+import { extractStyles } from "../../utilities";
+import YouTube from "react-youtube";
+const YoutubePlayer = ({ videoId, playlist, autoplay = false, style, }) => {
+    const { viewStyles } = extractStyles(style);
+    const defaultVideoId = "nwMUpDESXrI";
+    const options = {
+        width: viewStyles.width,
+        height: viewStyles.height,
+        playerVars: {
+            autoplay: autoplay ? 1 : 0,
+            list: playlist,
+            listType: "playlist",
+        },
+    };
+    return (React.createElement(View, { style: viewStyles },
+        React.createElement(YouTube, { videoId: !videoId && !playlist ? defaultVideoId : videoId, opts: options })));
+};
+export default YoutubePlayer;
+//# sourceMappingURL=YoutubePlayer.js.map

package/lib/src/components/YoutubePlayer/YoutubePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubePlayer.js","sourceRoot":"","sources":["../../../../src/components/YoutubePlayer/YoutubePlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,OAAyB,MAAM,eAAe,CAAC;AAEtD,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,aAAa,CAAC;IAErC,MAAM,OAAO,GAAyB;QACpC,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,UAAU,EAAE;YACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,OAAO,GACb,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}