@draftbit/core 47.2.13-f38301.2 → 47.2.14-41b571.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/SwipeableItem/SwipeableItem.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import { IconSlot } from "../../interfaces/Icon";
+import type { Theme } from "../../styles/DefaultTheme";
+import { RightSwipeProps, LeftSwipeProps } from "./SwipeableItemCommon";
+export interface SwipeableItemProps 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 type Props = SwipeableItemProps & RightSwipeProps & LeftSwipeProps;
+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/SwipeableItem/SwipeableItem.js

@@ -0,0 +1,114 @@
+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";
+import { SwipeableListContext } from "./SwipeableList";
+import { leftSwipeToSwipeableItemBehindItem, rightSwipeToSwipeableItemBehindItem, extractLeftSwipeProps, extractRightSwipeProps, } from "./SwipeableItemCommon";
+const SwipeableItem = ({ theme, style, children, Icon, closeOnPress, leftOpenValue, rightOpenValue, leftActivationValue, rightActivationValue, swipeActivationPercentage = 80, stopLeftSwipe, stopRightSwipe, friction = 20, ...rest }) => {
+    const instanceOfSwipeableItemButtonProps = (object) => {
+        return "title" in object && "side" in object;
+    };
+    const isEmptyObject = (object) => {
+        return Object.keys(object).length === 0;
+    };
+    const { onStartSwiping, onStopSwiping } = React.useContext(SwipeableListContext);
+    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) &&
+        instanceOfSwipeableItemButtonProps(child.props) &&
+        child.props.side === "left"), [children]);
+    const rightButtons = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        instanceOfSwipeableItemButtonProps(child.props) &&
+        child.props.side === "right"), [children]);
+    const remainingChildren = React.useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+        !instanceOfSwipeableItemButtonProps(child.props)), [children]);
+    const leftSwipe = extractLeftSwipeProps(rest);
+    const rightSwipe = extractRightSwipeProps(rest);
+    const isLeftSwipeHandled = !isEmptyObject(leftSwipe);
+    const isRightSwipeHandled = !isEmptyObject(rightSwipe);
+    if (leftButtons.length > 2 || rightButtons.length > 2) {
+        throw Error("Cannot have more than 2 SwipeableItemButton(s) per side");
+    }
+    if ((leftButtons.length && isLeftSwipeHandled) ||
+        (rightButtons.length && isRightSwipeHandled)) {
+        throw Error("Colliding configuration in SwipeableItem. You cannot have SwipeableItemButton(s) on the side where swipe handling is configured. Either reset swipe configuration or remove the button(s).");
+    }
+    //Renders a single 'behind' item. Used for both buttons and swipe handler
+    const renderBehindItem = (item, index) => (React.createElement(Pressable, { key: index.toString(), onPress: item.onPress, style: [
+            styles.buttonContainer,
+            { backgroundColor: item.backgroundColor || theme.colors.primary },
+        ] },
+        item.icon && (React.createElement(Icon, { name: item.icon, size: item.iconSize || 25, color: item.color || theme.colors.surface })),
+        React.createElement(Text, { style: [textStyles, { color: item.color || theme.colors.surface }] }, item.title)));
+    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: isLeftSwipeHandled ? 0 : leftOpenValue || defaultLeftOpenValue //If in swiping mode, don't keep open
+            , rightOpenValue: isRightSwipeHandled ? 0 : rightOpenValue || defaultRightOpenValue, leftActivationValue: leftActivationValue || isLeftSwipeHandled
+                ? defaultLeftOpenValue * (swipeActivationPercentage / 100) //When swipe passes activation percentage then it should be considered activated (call onSwipe)
+                : defaultLeftOpenValue, rightActivationValue: rightActivationValue || isRightSwipeHandled
+                ? defaultRightOpenValue * (swipeActivationPercentage / 100)
+                : defaultRightOpenValue, stopLeftSwipe: stopLeftSwipe || defaultLeftOpenValue, stopRightSwipe: stopRightSwipe || defaultRightOpenValue, onLeftAction: isLeftSwipeHandled ? () => { var _a; return (_a = leftSwipe.onLeftSwipe) === null || _a === void 0 ? void 0 : _a.call(leftSwipe); } : undefined, onRightAction: isRightSwipeHandled ? () => { var _a; return (_a = rightSwipe.onRightSwipe) === null || _a === void 0 ? void 0 : _a.call(rightSwipe); } : undefined, swipeGestureBegan: onStartSwiping, swipeGestureEnded: onStopSwiping, closeOnRowPress: closeOnPress, friction: friction, ...rest },
+            React.createElement(View, { style: styles.behindContainer },
+                React.createElement(View, { style: styles.behindContainerItem }, isLeftSwipeHandled
+                    ? renderBehindItem(leftSwipeToSwipeableItemBehindItem(leftSwipe), 0)
+                    : leftButtons.map((item, index) => renderBehindItem(item.props, index))),
+                React.createElement(View, { style: styles.behindContainerItem }, isRightSwipeHandled
+                    ? renderBehindItem(rightSwipeToSwipeableItemBehindItem(rightSwipe), 0)
+                    : 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(SwipeableItem);
+//# sourceMappingURL=SwipeableItem.js.map

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

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

package/lib/src/components/SwipeableItem/SwipeableItemButton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SwipeableItemBehindItem } from "./SwipeableItemCommon";
+export declare type SwipeableItemButtonProps = Omit<SwipeableItemBehindItem, "onSwipe">;
+declare const SwipeableItemButton: React.FC<SwipeableItemButtonProps>;
+export default SwipeableItemButton;

package/lib/src/components/SwipeableItem/SwipeableItemButton.js

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

package/lib/src/components/SwipeableItem/SwipeableItemButton.js.map

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

package/lib/src/components/SwipeableItem/SwipeableItemCommon.d.ts

@@ -0,0 +1,30 @@
+export interface SwipeableItemBehindItem {
+    title: string;
+    side: "left" | "right";
+    onPress?: () => void;
+    onSwipe?: () => void;
+    icon?: string;
+    iconSize?: number;
+    backgroundColor?: string;
+    color?: string;
+}
+export interface RightSwipeProps {
+    onRightSwipe?: () => void;
+    rightSwipeTitle?: string;
+    rightSwipeIcon?: string;
+    rightSwipeIconSize?: number;
+    rightSwipeBackgroundColor?: string;
+    rightSwipeColor?: string;
+}
+export interface LeftSwipeProps {
+    onLeftSwipe?: () => void;
+    leftSwipeTitle?: string;
+    leftSwipeIcon?: string;
+    leftSwipeIconSize?: number;
+    leftSwipeBackgroundColor?: string;
+    leftSwipeColor?: string;
+}
+export declare function extractRightSwipeProps(object: object): RightSwipeProps;
+export declare function extractLeftSwipeProps(object: object): LeftSwipeProps;
+export declare function rightSwipeToSwipeableItemBehindItem(swipe: RightSwipeProps): Omit<SwipeableItemBehindItem, "onPress">;
+export declare function leftSwipeToSwipeableItemBehindItem(swipe: LeftSwipeProps): Omit<SwipeableItemBehindItem, "onPress">;

package/lib/src/components/SwipeableItem/SwipeableItemCommon.js

@@ -0,0 +1,44 @@
+import { pick } from "lodash";
+export function extractRightSwipeProps(object) {
+    return pick(object, [
+        "onRightSwipe",
+        "rightSwipeTitle",
+        "rightSwipeIcon",
+        "rightSwipeIconSize",
+        "rightSwipeBackgroundColor",
+        "rightSwipeColor",
+    ]);
+}
+export function extractLeftSwipeProps(object) {
+    return pick(object, [
+        "onLeftSwipe",
+        "leftSwipeTitle",
+        "leftSwipeIcon",
+        "leftSwipeIconSize",
+        "leftSwipeBackgroundColor",
+        "leftSwipeColor",
+    ]);
+}
+export function rightSwipeToSwipeableItemBehindItem(swipe) {
+    return {
+        title: swipe.rightSwipeTitle || "",
+        side: "right",
+        onSwipe: swipe.onRightSwipe,
+        icon: swipe.rightSwipeIcon,
+        iconSize: swipe.rightSwipeIconSize,
+        backgroundColor: swipe.rightSwipeBackgroundColor,
+        color: swipe.rightSwipeColor,
+    };
+}
+export function leftSwipeToSwipeableItemBehindItem(swipe) {
+    return {
+        title: swipe.leftSwipeTitle || "",
+        side: "left",
+        onSwipe: swipe.onLeftSwipe,
+        icon: swipe.leftSwipeIcon,
+        iconSize: swipe.leftSwipeIconSize,
+        backgroundColor: swipe.leftSwipeBackgroundColor,
+        color: swipe.leftSwipeColor,
+    };
+}
+//# sourceMappingURL=SwipeableItemCommon.js.map

package/lib/src/components/SwipeableItem/SwipeableItemCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableItemCommon.js","sourceRoot":"","sources":["../../../../src/components/SwipeableItem/SwipeableItemCommon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AA+B9B,MAAM,UAAU,sBAAsB,CAAC,MAAc;IACnD,OAAO,IAAI,CAAC,MAAM,EAAE;QAClB,cAAc;QACd,iBAAiB;QACjB,gBAAgB;QAChB,oBAAoB;QACpB,2BAA2B;QAC3B,iBAAiB;KAClB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,MAAc;IAClD,OAAO,IAAI,CAAC,MAAM,EAAE;QAClB,aAAa;QACb,gBAAgB;QAChB,eAAe;QACf,mBAAmB;QACnB,0BAA0B;QAC1B,gBAAgB;KACjB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,mCAAmC,CACjD,KAAsB;IAEtB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;QAClC,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,KAAK,CAAC,YAAY;QAC3B,IAAI,EAAE,KAAK,CAAC,cAAc;QAC1B,QAAQ,EAAE,KAAK,CAAC,kBAAkB;QAClC,eAAe,EAAE,KAAK,CAAC,yBAAyB;QAChD,KAAK,EAAE,KAAK,CAAC,eAAe;KAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kCAAkC,CAChD,KAAqB;IAErB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,cAAc,IAAI,EAAE;QACjC,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,KAAK,CAAC,WAAW;QAC1B,IAAI,EAAE,KAAK,CAAC,aAAa;QACzB,QAAQ,EAAE,KAAK,CAAC,iBAAiB;QACjC,eAAe,EAAE,KAAK,CAAC,wBAAwB;QAC/C,KAAK,EAAE,KAAK,CAAC,cAAc;KAC5B,CAAC;AACJ,CAAC"}

package/lib/src/components/SwipeableItem/SwipeableList.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FlashListProps } from "@shopify/flash-list";
+import { FlatListProps } from "react-native";
+declare type ListComponentType = "FlatList" | "FlashList";
+interface AdditionalSwipeableListProps {
+    disableScrollWhenSwiping?: boolean;
+    listComponent?: ListComponentType;
+}
+declare type FlatListSwipeableListProps<T> = FlatListProps<T> & AdditionalSwipeableListProps;
+declare type FlashListSwipeableListProps<T> = FlashListProps<T> & AdditionalSwipeableListProps;
+declare type SwipeableListContextType = {
+    onStartSwiping: () => void;
+    onStopSwiping: () => void;
+};
+export declare const SwipeableListContext: React.Context<SwipeableListContextType>;
+declare const SwipeableList: <T extends object>({ disableScrollWhenSwiping, listComponent, ...rest }: FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>) => JSX.Element;
+export default SwipeableList;

package/lib/src/components/SwipeableItem/SwipeableList.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { FlashList } from "@shopify/flash-list";
+import { FlatList } from "react-native";
+export const SwipeableListContext = React.createContext({
+    onStartSwiping: () => { },
+    onStopSwiping: () => { },
+});
+const SwipeableList = ({ disableScrollWhenSwiping = true, listComponent = "FlatList", ...rest }) => {
+    const [isSwiping, setIsSwiping] = React.useState(false);
+    const onStartSwiping = () => {
+        setIsSwiping(true);
+    };
+    const onStopSwiping = () => {
+        setIsSwiping(false);
+    };
+    rest.scrollEnabled = disableScrollWhenSwiping ? !isSwiping : true;
+    const renderListComponent = () => {
+        switch (listComponent) {
+            case "FlatList":
+                return React.createElement(FlatList, { ...rest });
+            case "FlashList":
+                return React.createElement(FlashList, { ...rest });
+        }
+    };
+    return (React.createElement(SwipeableListContext.Provider, { value: { onStartSwiping, onStopSwiping } },
+        React.createElement(React.Fragment, null, renderListComponent())));
+};
+export default SwipeableList;
+//# sourceMappingURL=SwipeableList.js.map

package/lib/src/components/SwipeableItem/SwipeableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableList.js","sourceRoot":"","sources":["../../../../src/components/SwipeableItem/SwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoBvD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,KAAK,CAAC,aAAa,CAA2B;IAC5C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAEL,MAAM,aAAa,GAAG,CAAmB,EACvC,wBAAwB,GAAG,IAAI,EAC/B,aAAa,GAAG,UAAU,EAC1B,GAAG,IAAI,EACwD,EAAE,EAAE;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,QAAQ,aAAa,EAAE;YACrB,KAAK,UAAU;gBACb,OAAO,oBAAC,QAAQ,OAAM,IAAyB,GAAI,CAAC;YACtD,KAAK,WAAW;gBACd,OAAO,oBAAC,SAAS,OAAM,IAA0B,GAAI,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE;QACrE,0CAAG,mBAAmB,EAAE,CAAI,CACE,CACjC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as SwipeableItem } from "./SwipeableItem";
+export { default as SwipeableItemButton } from "./SwipeableItemButton";
+export { default as SwipeableList } from "./SwipeableList";

package/lib/src/components/SwipeableItem/index.js

@@ -0,0 +1,4 @@
+export { default as SwipeableItem } from "./SwipeableItem";
+export { default as SwipeableItemButton } from "./SwipeableItemButton";
+export { default as SwipeableList } from "./SwipeableList";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SwipeableItem/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,aAAa,EAAE,MAAM,iBAAiB,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;