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

package/lib/src/components/Portal/Portal.js

@@ -0,0 +1,36 @@
+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 {
+    render() {
+        const { children, theme } = this.props;
+        return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },
+            React.createElement(ThemeProvider, { theme: theme }, children)))));
+    }
+}
+// @component ./PortalHost.tsx
+Portal.Host = PortalHost;
+export default withTheme(Portal);
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,UAAU,EAAE,EAAE,aAAa,EAAiB,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAczD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAO,SAAQ,KAAK,CAAC,SAAgB;IAIzC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEvC,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,QACpB,CAAC,OAAO,EAAE,EAAE,CAAC,CACZ,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAwB;YAE/C,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAiB,CACxC,CAClB,CACsB,CAC1B,CAAC;IACJ,CAAC;;AAhBD,8BAA8B;AACvB,WAAI,GAAG,UAAU,CAAC;AAkB3B,eAAe,SAAS,CAAC,MAAM,CAAC,CAAC"}

package/lib/src/components/Portal/PortalConsumer.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { PortalMethods } from "./PortalHost";
+declare type Props = {
+    manager: PortalMethods;
+    children: React.ReactNode;
+};
+export default class PortalConsumer extends React.Component<Props> {
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    private key;
+    private checkManager;
+    render(): null;
+}
+export {};

package/lib/src/components/Portal/PortalConsumer.js

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

package/lib/src/components/Portal/PortalConsumer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalConsumer.js","sourceRoot":"","sources":["../../../../src/components/Portal/PortalConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAgB;IAChE,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,8DAA8D;QAC9D,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;QAExB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IAIO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,MAAM,IAAI,KAAK,CACb,4GAA4G;gBAC1G,iGAAiG;gBACjG,qEAAqE,CACxE,CAAC;SACH;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/lib/src/components/Portal/PortalHost.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare type PortalMethods = {
+    mount: (children: React.ReactNode) => number;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+};
+export declare const PortalContext: React.Context<PortalMethods>;
+/**
+ * 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<Props> {
+    static displayName: string;
+    componentDidMount(): void;
+    private setManager;
+    private mount;
+    private update;
+    private unmount;
+    private nextKey;
+    private queue;
+    private manager;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/Portal/PortalHost.js

@@ -0,0 +1,108 @@
+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 {
+    constructor() {
+        super(...arguments);
+        this.setManager = (manager) => {
+            this.manager = manager;
+        };
+        this.mount = (children) => {
+            const key = this.nextKey++;
+            if (this.manager) {
+                this.manager.mount(key, children);
+            }
+            else {
+                this.queue.push({ type: "mount", key, children });
+            }
+            return key;
+        };
+        this.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);
+                }
+            }
+        };
+        this.unmount = (key) => {
+            if (this.manager) {
+                this.manager.unmount(key);
+            }
+            else {
+                this.queue.push({ type: "unmount", key });
+            }
+        };
+        this.nextKey = 0;
+        this.queue = [];
+    }
+    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;
+                }
+            }
+        }
+    }
+    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 })));
+    }
+}
+PortalHost.displayName = "Portal.Host";
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=PortalHost.js.map

package/lib/src/components/Portal/PortalHost.js.map

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

package/lib/src/components/Portal/PortalManager.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+declare type State = {
+    portals: Array<{
+        key: number;
+        children: React.ReactNode;
+    }>;
+};
+/**
+ * Portal host is the component which actually renders all Portals.
+ */
+export default class PortalManager extends React.PureComponent<{}, State> {
+    state: State;
+    mount: (key: number, children: React.ReactNode) => void;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+    render(): JSX.Element[];
+}
+export {};

package/lib/src/components/Portal/PortalManager.js

@@ -0,0 +1,33 @@
+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 {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            portals: [],
+        };
+        this.mount = (key, children) => {
+            this.setState((state) => ({
+                portals: [...state.portals, { key, children }],
+            }));
+        };
+        this.update = (key, children) => this.setState((state) => ({
+            portals: state.portals.map((item) => {
+                if (item.key === key) {
+                    return { ...item, children };
+                }
+                return item;
+            }),
+        }));
+        this.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)));
+    }
+}
+//# sourceMappingURL=PortalManager.js.map

package/lib/src/components/Portal/PortalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalManager.js","sourceRoot":"","sources":["../../../../src/components/Portal/PortalManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAShD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAwB;IAAzE;;QACE,UAAK,GAAU;YACb,OAAO,EAAE,EAAE;SACZ,CAAC;QAEF,UAAK,GAAG,CAAC,GAAW,EAAE,QAAyB,EAAE,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACxB,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;aAC/C,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,WAAM,GAAG,CAAC,GAAW,EAAE,QAAyB,EAAE,EAAE,CAClD,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClC,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE;oBACpB,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC;iBAC9B;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;SACH,CAAC,CAAC,CAAC;QAEN,YAAO,GAAG,CAAC,GAAW,EAAE,EAAE,CACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC;SAC1D,CAAC,CAAC,CAAC;IAgBR,CAAC;IAdC,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnD,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,WAAW,EACT,KAAK,CAAC,wGAAwG,EAEhH,aAAa,EAAC,UAAU,EACxB,KAAK,EAAE,UAAU,CAAC,YAAY,IAE7B,QAAQ,CACJ,CACR,CAAC,CAAC;IACL,CAAC;CACF"}

package/lib/src/components/Pressable.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 Pressable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }: Props): JSX.Element;
+export {};

package/lib/src/components/Pressable.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../../../src/components/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,GAG7B,MAAM,cAAc,CAAC;AAQtB,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,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,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,CACO,CACnB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+import React, { Component } from "react";
+import { Animated, ViewProps, StyleProp, ViewStyle, LayoutChangeEvent } from "react-native";
+declare type Props = {
+    borderColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    children?: React.ReactNode;
+    color?: string;
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    unfilledColor?: string;
+    width?: number;
+    animated?: boolean;
+    indeterminate?: boolean;
+    indeterminateAnimationDuration?: number;
+    progress?: number;
+    useNativeDriver?: boolean;
+    animationConfig?: Animated.AnimationConfig;
+    animationType?: "decay" | "timing" | "spring";
+} & ViewProps;
+interface State {
+    width: number;
+    progress: Animated.Value;
+    animationValue: Animated.Value;
+}
+export default class ProgressBar extends Component<Props, State> {
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    handleLayout: (event: LayoutChangeEvent) => void;
+    animate(): void;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/ProgressBar.js

@@ -0,0 +1,119 @@
+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);
+        this.handleLayout = (event) => {
+            const { width = 150, onLayout } = this.props;
+            if (!width) {
+                this.setState({ width: event.nativeEvent.layout.width });
+            }
+            if (onLayout) {
+                onLayout(event);
+            }
+        };
+        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);
+            }
+        }
+    }
+    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));
+    }
+}
+//# sourceMappingURL=ProgressBar.js.map

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

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import themeT from "../styles/DefaultTheme";
+import { colorTypes } from "@draftbit/types";
+declare type Props = {
+    progress?: number;
+    style?: StyleProp<ViewStyle>;
+    color?: colorTypes;
+    size?: number;
+    showsText?: boolean;
+    unfilledColor?: colorTypes;
+    strokeCap?: "butt" | "square" | "round" | undefined;
+    textStyle?: StyleProp<TextStyle>;
+    thickness?: number;
+    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/src/components/ProgressCircle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiBvC,MAAM,cAAc,GAA6C,CAAC,EAChE,QAAQ,GAAG,GAAG,EACd,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,SAAS,GAAG,CAAC,EACb,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAChD,MAAM,eAAe,GAAG,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;IAEhE,OAAO,CACL,oBAAC,wBAAwB,IACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,IAGX,CAAC,IAAI,EAAE,EAAE,CACR,SAAS,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QAE/D,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACZ,CACR,CAAC,CAAC,CAAC,IAAI,CAEe,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

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

@@ -0,0 +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;

package/lib/src/components/ProgressIndicator.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../../../src/components/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAqBvC,MAAM,iBAAiB,GAA6C,CAAC,EACnE,aAAa,EACb,WAAW,EACX,sBAAsB,GAAG,CAAC,EAC1B,sBAAsB,GAAG,SAAS,EAClC,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,8BAA8B,EAC9B,0BAA0B,GAAG,EAAE,EAC/B,uBAAuB,GAAG,eAAe,EACzC,yBAAyB,GAAG,SAAS,EACrC,eAAe,GAAG,OAAO,EACzB,aAAa,GAAG,SAAS,EACzB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,WAAW,GAAG,CAAC,CAAC;IACxC,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE;YACZ,iBAAiB;YACjB,wBAAwB,EAAE,wBAAwB;gBAChD,CAAC,CAAC,wBAAwB;gBAC1B,CAAC,CAAC,iBAAiB;YACrB,uBAAuB,EAAE,aAAa;YACtC,yBAAyB,EAAE,eAAe;YAC1C,sBAAsB,EAAE,aAAa;YACrC,wBAAwB,EAAE,eAAe;YACzC,0BAA0B,EAAE,aAAa;YACzC,4BAA4B,EAAE,eAAe;YAC7C,sBAAsB;YACtB,sBAAsB,EACpB,sBAAsB,IAAI,yBAAyB;YACrD,iCAAiC,EAAE,yBAAyB;YAC5D,+BAA+B,EAAE,uBAAuB;YACxD,yBAAyB,EAAE,yBAAyB,IAAI,eAAe;YACvE,8BAA8B,EAC5B,8BAA8B,IAAI,yBAAyB;YAC7D,0BAA0B;YAC1B,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU;SACnD,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,iBAAiB,CAAC,CAAC"}

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

@@ -0,0 +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;

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

@@ -0,0 +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;
+//# sourceMappingURL=RadioButton.js.map