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

package/lib/src/components/Stepper.js

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from "react";
+import { View, Text } from "react-native";
+import { isNumber } from "lodash";
+import { withTheme } from "../theming";
+import IconButton from "./IconButton";
+import { extractStyles } from "../utilities";
+const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+    const { viewStyles, textStyles } = extractStyles(style);
+    const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
+    const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;
+    const handlePlusOrMinus = (type) => {
+        const newValue = type === "plus" ? value + 1 : value - 1;
+        if (isValidValue(newValue)) {
+            setValue(newValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        }
+    };
+    useEffect(() => {
+        if (valueProp != null &&
+            isNumber(valueProp) &&
+            valueProp !== value &&
+            isValidValue(valueProp)) {
+            setValue(valueProp);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [valueProp]);
+    return (React.createElement(View, { style: [{ flexDirection: "row" }, viewStyles] },
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: () => handlePlusOrMinus("minus"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),
+        React.createElement(Text, { style: [
+                typography.body1,
+                {
+                    textAlign: "center",
+                    alignSelf: "center",
+                    color: colors.medium,
+                    marginHorizontal: 8,
+                },
+                textStyles,
+            ] }, value),
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
+};
+export default withTheme(Stepper);
+//# sourceMappingURL=Stepper.js.map

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

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

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { ViewProps, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+declare type Props = {
+    elevation?: number;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & ViewProps;
+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/Surface.js

@@ -0,0 +1,33 @@
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
+import * as React from "react";
+import { Animated, StyleSheet, } from "react-native";
+import shadow from "../styles/shadow";
+import overlay from "../styles/overlay";
+import { withTheme } from "../theming";
+const Surface = ({ elevation: propElevation, style, theme, children, ...rest }) => {
+    const { elevation: styleElevation = 3, backgroundColor, ...restStyle } = (StyleSheet.flatten(style) || {});
+    const { dark: isDarkTheme, mode, colors } = theme;
+    const elevation = propElevation !== null && propElevation !== void 0 ? propElevation : styleElevation;
+    const evalationStyles = elevation ? shadow(elevation) : {};
+    const getBackgroundColor = () => {
+        if (backgroundColor) {
+            return backgroundColor;
+        }
+        else if (isDarkTheme && mode === "adaptive") {
+            return overlay(elevation, colors.surface);
+        }
+        else {
+            return colors.surface;
+        }
+    };
+    return (React.createElement(Animated.View, { ...rest, style: [
+            {
+                backgroundColor: getBackgroundColor(),
+                elevation,
+                ...evalationStyles,
+                ...restStyle,
+            },
+        ] }, children));
+};
+export default withTheme(Surface);
+//# sourceMappingURL=Surface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,UAAU,GAIX,MAAM,cAAc,CAAC;AAEtB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,MAAM,OAAO,GAA6C,CAAC,EACzD,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EACJ,SAAS,EAAE,cAAc,GAAG,CAAC,EAC7B,eAAe,EACf,GAAG,SAAS,EACb,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAc,CAAC;IAEnD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,SAAS,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,cAAc,CAAC;IAElD,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC;SACxB;aAAM,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,EAAE;YAC7C,OAAO,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;SAC3C;aAAM;YACL,OAAO,MAAM,CAAC,OAAO,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,kBAAkB,EAAE;gBACrC,SAAS;gBACT,GAAG,eAAe;gBAClB,GAAG,SAAS;aACb;SACF,IAEA,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import { IconSlot } from "../../interfaces/Icon";
+import type { Theme } from "../../styles/DefaultTheme";
+export interface SwipeableViewProps extends IconSlot {
+    closeOnPress?: boolean;
+    leftOpenValue?: number;
+    rightOpenValue?: number;
+    leftActivationValue?: number;
+    rightActivationValue?: number;
+    swipeActivationPercentage?: number;
+    stopLeftSwipe?: number;
+    stopRightSwipe?: number;
+    directionalDistanceChangeThreshold?: number;
+    friction?: number;
+    tension?: number;
+    disableLeftSwipe?: boolean;
+    disableRightSwipe?: boolean;
+    swipeToOpenVelocityContribution?: number;
+    swipeToOpenPercent?: number;
+    swipeToClosePercent?: number;
+    style?: StyleProp<ViewStyle | TextStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<SwipeableViewProps>, "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<SwipeableViewProps>> & React.FC<React.PropsWithChildren<SwipeableViewProps>>, {}>;
+export default _default;

package/lib/src/components/SwipeableView/SwipeableView.js

@@ -0,0 +1,119 @@
+import React from "react";
+import { View, StyleSheet, Text, } from "react-native";
+import Pressable from "../Pressable";
+import { extractBorderAndMarginStyles, extractEffectStyles, extractFlexItemStyles, extractPositionStyles, extractSizeStyles, extractStyles, } from "../../utilities";
+import { SwipeRow } from "react-native-swipe-list-view";
+import { withTheme } from "../../theming";
+const SwipeableView = ({ theme, style, children, Icon, closeOnPress, leftOpenValue, rightOpenValue, leftActivationValue, rightActivationValue, swipeActivationPercentage = 80, stopLeftSwipe, stopRightSwipe, friction = 20, ...rest }) => {
+    const instanceOfSwipeableViewButtonProps = (object) => {
+        return "title" in object && "side" in object && "onPress" in object;
+    };
+    const instanceOfSwipeableViewSwipeHandlerProps = (object) => {
+        return "title" in object && "side" in object && "onSwipe" in object;
+    };
+    const { viewStyles, textStyles } = extractStyles(style);
+    const { borderStyles, marginStyles } = extractBorderAndMarginStyles(viewStyles);
+    const sizeStyles = extractSizeStyles(viewStyles);
+    const parentContainerStyles = StyleSheet.flatten([
+        borderStyles,
+        marginStyles,
+        extractFlexItemStyles(viewStyles),
+        extractPositionStyles(viewStyles),
+        extractEffectStyles(viewStyles),
+        sizeStyles,
+    ]);
+    //Remove styles already consumed from viewStyles
+    Object.keys(parentContainerStyles).forEach((key) => delete viewStyles[key]);
+    const surfaceContainerStyles = StyleSheet.flatten([
+        viewStyles,
+        sizeStyles /* Size styles needs to be readded to surface container due to inconsistencies on web */,
+    ]);
+    const [componentWidth, setComponentWidth] = React.useState(null);
+    const leftButtons = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        instanceOfSwipeableViewButtonProps(child.props) &&
+        child.props.side === "left"), [children]);
+    const rightButtons = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        instanceOfSwipeableViewButtonProps(child.props) &&
+        child.props.side === "right"), [children]);
+    const leftSwipeHandlers = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        instanceOfSwipeableViewSwipeHandlerProps(child.props) &&
+        child.props.side === "left"), [children]);
+    const rightSwipeHandlers = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        instanceOfSwipeableViewSwipeHandlerProps(child.props) &&
+        child.props.side === "right"), [children]);
+    const remainingChildren = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        !instanceOfSwipeableViewSwipeHandlerProps(child.props) &&
+        !instanceOfSwipeableViewButtonProps(child.props)), [children]);
+    if (leftButtons.length > 2 || rightButtons.length > 2) {
+        throw Error("Cannot have more than 2 buttons per side");
+    }
+    if (leftSwipeHandlers.length > 1 || rightSwipeHandlers.length > 1) {
+        throw Error("Cannot have more than 1 swiper handler per side");
+    }
+    if ((leftButtons.length && leftSwipeHandlers.length) ||
+        (rightButtons.length && rightSwipeHandlers.length)) {
+        throw Error("Cannot combine swiper handler and buttons on the same side");
+    }
+    //Renders a single button/item. Used for both buttons and swipe handler
+    const renderBehindItem = (props, index) => (React.createElement(Pressable, { key: index.toString(), onPress: props.onPress, style: [
+            styles.buttonContainer,
+            { backgroundColor: props.backgroundColor || theme.colors.primary },
+        ] },
+        props.icon && (React.createElement(Icon, { name: props.icon, size: props.iconSize || 25, color: props.color || theme.colors.surface })),
+        React.createElement(Text, { style: [textStyles, { color: props.color || theme.colors.surface }] }, props.title)));
+    const isLeftSwipeHandler = !!leftSwipeHandlers.length;
+    const isRightSwipeHandler = !!rightSwipeHandlers.length;
+    const defaultLeftOpenValue = componentWidth ? componentWidth / 2 : 0;
+    const defaultRightOpenValue = componentWidth ? -componentWidth / 2 : 0;
+    return (React.createElement(View, { onLayout: (event) => {
+            setComponentWidth(event.nativeEvent.layout.width);
+        }, style: [styles.parentContainer, parentContainerStyles] },
+        React.createElement(SwipeRow, { leftOpenValue: isLeftSwipeHandler ? 0 : leftOpenValue || defaultLeftOpenValue //If in swiping mode, don't keep open
+            , rightOpenValue: isRightSwipeHandler ? 0 : rightOpenValue || defaultRightOpenValue, leftActivationValue: leftActivationValue || isLeftSwipeHandler
+                ? defaultLeftOpenValue * (swipeActivationPercentage / 100) //When swipe passes activation percentage then it should be considered activated (call onSwipe)
+                : defaultLeftOpenValue, rightActivationValue: rightActivationValue || isRightSwipeHandler
+                ? defaultRightOpenValue * (swipeActivationPercentage / 100)
+                : defaultRightOpenValue, stopLeftSwipe: stopLeftSwipe || defaultLeftOpenValue, stopRightSwipe: stopRightSwipe || defaultRightOpenValue, onLeftAction: isLeftSwipeHandler
+                ? () => { var _a, _b; return (_b = (_a = leftSwipeHandlers[0].props).onSwipe) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                : undefined, onRightAction: isRightSwipeHandler
+                ? () => { var _a, _b; return (_b = (_a = rightSwipeHandlers[0].props).onSwipe) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                : undefined, closeOnRowPress: closeOnPress, friction: friction, ...rest },
+            React.createElement(View, { style: styles.behindContainer },
+                React.createElement(View, { style: styles.behindContainerItem }, (isLeftSwipeHandler ? leftSwipeHandlers : leftButtons).map((item, index) => renderBehindItem(item.props, index))),
+                React.createElement(View, { style: styles.behindContainerItem }, (isRightSwipeHandler ? rightSwipeHandlers : rightButtons).map((item, index) => renderBehindItem(item.props, index)))),
+            React.createElement(View, { style: [
+                    styles.surfaceContainer,
+                    {
+                        backgroundColor: theme.colors.background,
+                    },
+                    surfaceContainerStyles,
+                ] }, remainingChildren))));
+};
+const styles = StyleSheet.create({
+    parentContainer: {
+        overflow: "hidden",
+        minHeight: 50,
+    },
+    behindContainer: {
+        flex: 1,
+        width: "100%",
+        height: "100%",
+        flexDirection: "row",
+    },
+    behindContainerItem: {
+        flex: 1,
+        flexDirection: "row",
+    },
+    buttonContainer: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    surfaceContainer: {
+        width: "100%",
+        minHeight: 50,
+        overflow: "hidden",
+    },
+});
+export default withTheme(SwipeableView);
+//# sourceMappingURL=SwipeableView.js.map

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

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

package/lib/src/components/SwipeableView/SwipeableViewButton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface SwipeableViewButtonProps {
+    title: string;
+    side: "left" | "right";
+    onPress?: () => void;
+    icon?: string;
+    iconSize?: number;
+    backgroundColor?: string;
+    color?: string;
+}
+declare const SwipeableViewButton: React.FC<SwipeableViewButtonProps>;
+export default SwipeableViewButton;

package/lib/src/components/SwipeableView/SwipeableViewButton.js

@@ -0,0 +1,6 @@
+//Renders nothing, acts as a wrapper be used by SwipeableView
+const SwipeableViewButton = () => {
+    return null;
+};
+export default SwipeableViewButton;
+//# sourceMappingURL=SwipeableViewButton.js.map

package/lib/src/components/SwipeableView/SwipeableViewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableViewButton.js","sourceRoot":"","sources":["../../../../src/components/SwipeableView/SwipeableViewButton.tsx"],"names":[],"mappings":"AAYA,6DAA6D;AAC7D,MAAM,mBAAmB,GAAuC,GAAG,EAAE;IACnE,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/src/components/SwipeableView/SwipeableViewSwipeHandler.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface SwipeableViewSwipeHandlerProps {
+    title: string;
+    side: "left" | "right";
+    onSwipe?: () => void;
+    icon?: string;
+    iconSize?: number;
+    backgroundColor?: string;
+    color?: string;
+}
+declare const SwipeableViewSwipeHandler: React.FC<SwipeableViewSwipeHandlerProps>;
+export default SwipeableViewSwipeHandler;

package/lib/src/components/SwipeableView/SwipeableViewSwipeHandler.js

@@ -0,0 +1,6 @@
+//Renders nothing, acts as a wrapper to be used by SwipeableView
+const SwipeableViewSwipeHandler = () => {
+    return null;
+};
+export default SwipeableViewSwipeHandler;
+//# sourceMappingURL=SwipeableViewSwipeHandler.js.map

package/lib/src/components/SwipeableView/SwipeableViewSwipeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableViewSwipeHandler.js","sourceRoot":"","sources":["../../../../src/components/SwipeableView/SwipeableViewSwipeHandler.tsx"],"names":[],"mappings":"AAYA,gEAAgE;AAChE,MAAM,yBAAyB,GAE3B,GAAG,EAAE;IACP,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/src/components/SwipeableView/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SwipeableView } from "./SwipeableView";
+export { default as SwipeableViewButton } from "./SwipeableViewButton";
+export { default as SwipeableViewSwipeHandler } from "./SwipeableViewSwipeHandler";

package/lib/src/components/SwipeableView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SwipeableView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,29 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface SwiperProps<T> {
+    onSwipe?: (index: number) => void;
+    onSwipedNext?: (index: number) => void;
+    onSwipedPrevious?: (index: number) => void;
+    vertical?: boolean;
+    loop?: boolean;
+    from?: number;
+    timeout?: number;
+    prevTitle?: string;
+    nextTitle?: string;
+    prevTitleColor?: string;
+    nextTitleColor?: string;
+    dotsTouchable?: boolean;
+    dotColor?: string;
+    dotActiveColor?: string;
+    children: React.ReactNode;
+    data?: Array<T>;
+    keyExtractor: (item: T, index: number) => string;
+    renderItem?: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => JSX.Element;
+    style?: StyleProp<ViewStyle>;
+    onIndexChanged?: (index: number) => void;
+}
+declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }: SwiperProps<any>) => JSX.Element;
+export default Swiper;

package/lib/src/components/Swiper/Swiper.js

@@ -0,0 +1,56 @@
+import React from "react";
+import { View } from "react-native";
+import SwiperComponent from "react-native-web-swiper";
+const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, data, keyExtractor, renderItem, children, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }) => {
+    var _a;
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    const numberOfItems = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : React.Children.count(children);
+    const onIndexChanged = (index) => {
+        const previous = currentIndex;
+        const current = index;
+        onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
+        setCurrentIndex(index);
+        if (previous === numberOfItems - 1 && current === 0) {
+            //Last -> first swipe
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (previous === 0 && current === numberOfItems - 1) {
+            //First -> last swipe
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+        else if (current > previous) {
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (current < previous) {
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(previous);
+    };
+    return (React.createElement(View, { style: style },
+        React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, controlsProps: {
+                prevTitle,
+                nextTitle,
+                prevTitleStyle: { color: prevTitleColor },
+                nextTitleStyle: { color: nextTitleColor },
+                dotsTouchable,
+                ...(dotColor
+                    ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+                    : {}),
+                ...(dotActiveColor
+                    ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+                    : {}),
+            } }, data && renderItem
+            ? data.map((item, index) => {
+                const component = renderItem({ item, index });
+                if (!component) {
+                    return null;
+                }
+                const key = keyExtractor ? keyExtractor(item, index) : index;
+                return React.cloneElement(component, {
+                    key,
+                });
+            })
+            : children)));
+};
+export default Swiper;
+//# sourceMappingURL=Swiper.js.map

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

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

package/lib/src/components/Swiper/SwiperItem.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface SwiperProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare const SwiperItem: ({ children, style }: SwiperProps) => JSX.Element;
+export default SwiperItem;

package/lib/src/components/Swiper/SwiperItem.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+    },
+});
+const SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));
+export default SwiperItem;
+//# sourceMappingURL=SwiperItem.js.map

package/lib/src/components/Swiper/SwiperItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperItem.js","sourceRoot":"","sources":["../../../../src/components/Swiper/SwiperItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAOH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAe,EAAE,EAAE,CAAC,CACvD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAG,QAAQ,CAAQ,CACxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/src/components/Swiper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Swiper } from "./Swiper";
+export { default as SwiperItem } from "./SwiperItem";

package/lib/src/components/Swiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { SwitchProps, StyleProp, ViewStyle } from "react-native";
+import { RowDirection } from "@draftbit/types";
+import type { Theme } from "../styles/DefaultTheme";
+declare type Props = {
+    value?: boolean;
+    disabled?: boolean;
+    onValueChange?: (value: boolean) => void;
+    defaultValue?: boolean;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps;
+declare function Switch({ value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }: Props): JSX.Element;
+declare type RowProps = {
+    label: string;
+    direction: RowDirection;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Row({ label, direction, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }: Props & RowProps): JSX.Element;
+declare const SwitchRow: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
+    value?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onValueChange?: ((value: boolean) => void) | undefined;
+    defaultValue?: boolean | undefined;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps & RowProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
+    value?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onValueChange?: ((value: boolean) => void) | undefined;
+    defaultValue?: boolean | undefined;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps & RowProps> & typeof Row, {}>;
+export { SwitchRow };
+declare const _default: 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> & typeof Switch, {}>;
+export default _default;

package/lib/src/components/Switch.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Switch as NativeSwitch, } from "react-native";
+import { withTheme } from "../theming";
+import FormRow from "./FormRow";
+import { RowDirection } from "@draftbit/types";
+import { usePrevious } from "../hooks";
+function Switch({ value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }) {
+    const activeTrackThemeColor = activeTrackColor || theme.colors.primary;
+    const inactiveTrackThemeColor = inactiveTrackColor || "#EEE";
+    const activeThumbThemeColor = activeThumbColor || "#FFF";
+    const inactiveThumbThemeColor = inactiveThumbColor || "#FFF";
+    const [checked, setChecked] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null && value !== checked) {
+            setChecked(value);
+        }
+    }, [value, checked]);
+    // This special logic is to handle weird APIs like Airtable that return
+    // true or undefined for a boolean
+    const previousDefaultValue = usePrevious(defaultValue);
+    React.useEffect(() => {
+        if (defaultValue !== previousDefaultValue) {
+            setChecked(Boolean(defaultValue));
+        }
+    }, [defaultValue, previousDefaultValue]);
+    return (React.createElement(NativeSwitch, { value: checked, disabled: disabled, trackColor: {
+            false: inactiveTrackThemeColor,
+            true: activeTrackThemeColor,
+        }, thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor, 
+        // @ts-ignore react-native-web only
+        activeThumbColor: activeThumbThemeColor, ios_backgroundColor: inactiveTrackThemeColor, style: style, onValueChange: (bool) => {
+            setChecked(bool);
+            onValueChange && onValueChange(bool);
+        }, ...rest }));
+}
+function Row({ label = "Label", direction = RowDirection.Row, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }) {
+    const [checked, setChecked] = React.useState(value != null ? value : defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setChecked(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setChecked(defaultValue);
+        }
+    }, [defaultValue]);
+    return (React.createElement(FormRow, { disabled: disabled, onPress: () => {
+            setChecked(!checked);
+            onValueChange && onValueChange(!checked);
+        }, label: label, direction: direction, style: style, ...rest },
+        React.createElement(Switch, { theme: theme, value: checked, disabled: disabled, onValueChange: onValueChange, activeTrackColor: activeTrackColor, inactiveTrackColor: inactiveTrackColor, activeThumbColor: activeThumbColor, inactiveThumbColor: inactiveThumbColor })));
+}
+const SwitchRow = withTheme(Row);
+export { SwitchRow };
+export default withTheme(Switch);
+//# sourceMappingURL=Switch.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { IconSlot } from "../../interfaces/Icon";
+import type { Theme } from "../../styles/DefaultTheme";
+declare type TabBarPosition = "top" | "bottom";
+declare type KeyboardDismissMode = "none" | "auto" | "on-drag";
+declare type TabViewProps = {
+    onIndexChanged?: (index: number) => void;
+    onEndReached?: () => void;
+    tabBarPosition?: TabBarPosition;
+    keyboardDismissMode?: KeyboardDismissMode;
+    swipeEnabled?: boolean;
+    scrollEnabled?: boolean;
+    activeColor?: string;
+    inactiveColor?: string;
+    pressColor?: string;
+    indicatorColor?: string;
+    tabsBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<TabViewProps>, "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<TabViewProps>> & React.FC<React.PropsWithChildren<TabViewProps>>, {}>;
+export default _default;