@draftbit/core 46.11.5-d49547.2 → 46.11.6-74496c.2

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeableViewButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/SwipeableView/SwipeableViewButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAE3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeableViewSwipeHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/SwipeableView/SwipeableViewSwipeHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CACvC,8BAA8B,CAG/B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -1,4 +0,0 @@
-export { default as SwipeableView } from "./SwipeableView";
-export { default as SwipeableViewButton } from "./SwipeableViewButton";
-export { default as SwipeableViewSwipeHandler } from "./SwipeableViewSwipeHandler";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","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/typescript/src/mappings/SwipeableView.d.ts

@@ -1,371 +0,0 @@
-export declare const SEED_DATA: ({
-    name: string;
-    tag: string;
-    doc_link: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        overflow: string;
-        flexDirection: string;
-        alignItems: string;
-        padding: number;
-    };
-    props: {
-        closeOnPress: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        swipeActivationPercentage: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        disableLeftSwipe: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        disableRightSwipe: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        leftOpenValue: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        rightOpenValue: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        leftActivationValue: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        rightActivationValue: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        stopLeftSwipe: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        stopRightSwipe: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        directionalDistanceChangeThreshold: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        friction: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        tension: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        swipeToOpenVelocityContribution: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        swipeToOpenPercent: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        swipeToClosePercent: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-    };
-    triggers?: undefined;
-} | {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: never[];
-    triggers: string[];
-    props: {
-        onPress: {
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            group: string;
-        };
-        title: any;
-        side: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        icon: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            required: boolean;
-            editable: boolean;
-            group: string;
-        };
-        iconSize: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        backgroundColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        color: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        closeOnPress?: undefined;
-        swipeActivationPercentage?: undefined;
-        disableLeftSwipe?: undefined;
-        disableRightSwipe?: undefined;
-        leftOpenValue?: undefined;
-        rightOpenValue?: undefined;
-        leftActivationValue?: undefined;
-        rightActivationValue?: undefined;
-        stopLeftSwipe?: undefined;
-        stopRightSwipe?: undefined;
-        directionalDistanceChangeThreshold?: undefined;
-        friction?: undefined;
-        tension?: undefined;
-        swipeToOpenVelocityContribution?: undefined;
-        swipeToOpenPercent?: undefined;
-        swipeToClosePercent?: undefined;
-    };
-    doc_link?: undefined;
-    layout?: undefined;
-} | {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: never[];
-    triggers: string[];
-    props: {
-        onSwipe: {
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            group: string;
-        };
-        title: any;
-        side: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        icon: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            required: boolean;
-            editable: boolean;
-            group: string;
-        };
-        iconSize: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        backgroundColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        color: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        closeOnPress?: undefined;
-        swipeActivationPercentage?: undefined;
-        disableLeftSwipe?: undefined;
-        disableRightSwipe?: undefined;
-        leftOpenValue?: undefined;
-        rightOpenValue?: undefined;
-        leftActivationValue?: undefined;
-        rightActivationValue?: undefined;
-        stopLeftSwipe?: undefined;
-        stopRightSwipe?: undefined;
-        directionalDistanceChangeThreshold?: undefined;
-        friction?: undefined;
-        tension?: undefined;
-        swipeToOpenVelocityContribution?: undefined;
-        swipeToOpenPercent?: undefined;
-        swipeToClosePercent?: undefined;
-    };
-    doc_link?: undefined;
-    layout?: undefined;
-})[];
-//# sourceMappingURL=SwipeableView.d.ts.map

package/lib/typescript/src/mappings/SwipeableView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwipeableView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/SwipeableView.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4JrB,CAAC"}

package/src/components/SwipeableView/SwipeableView.js

@@ -1,117 +0,0 @@
-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 parentContainerStyles = StyleSheet.flatten([
-        borderStyles,
-        marginStyles,
-        extractFlexItemStyles(viewStyles),
-        extractPositionStyles(viewStyles),
-        extractEffectStyles(viewStyles),
-        extractSizeStyles(viewStyles),
-    ]);
-    //Remove styles already consumed from viewStyles
-    Object.keys(parentContainerStyles).forEach((key) => delete viewStyles[key]);
-    const surfaceContainerStyles = viewStyles;
-    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: {
-        flexDirection: "row",
-        width: "100%",
-        height: "100%",
-        padding: 10,
-        alignItems: "center",
-        overflow: "hidden",
-    },
-});
-export default withTheme(SwipeableView);