@draftbit/core 47.2.13-f38301.2 → 47.2.14-41b571.2

package/lib/typescript/src/styles/DefaultTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultTheme.d.ts","sourceRoot":"","sources":["../../../../src/styles/DefaultTheme.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GjB,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,oBAAY,KAAK,GAAG,OAAO,YAAY,CAAC"}

package/lib/typescript/src/styles/fonts.d.ts

@@ -1,6 +0,0 @@
-import { PlatformOSType } from "react-native";
-import type { Fonts } from "@draftbit/types";
-export default function configureFonts(config?: {
-    [platform in PlatformOSType | "default"]?: Fonts;
-}): Fonts;
-//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/src/styles/fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/styles/fonts.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,cAAc,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA2D7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,MAAM,CAAC,EAAE;KAC7C,QAAQ,IAAI,cAAc,GAAG,SAAS,CAAC,CAAC,EAAE,KAAK;CACjD,GAAG,KAAK,CAGR"}

package/lib/typescript/src/styles/overlay.d.ts

@@ -1,3 +0,0 @@
-import { Animated } from "react-native";
-export default function overlay<T extends Animated.Value | number>(elevation: T, surfaceColor?: string): T extends number ? string : Animated.AnimatedInterpolation<string | number>;
-//# sourceMappingURL=overlay.d.ts.map

package/lib/typescript/src/styles/overlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/styles/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,QAAQ,CAAC,KAAK,GAAG,MAAM,EAC/D,SAAS,EAAE,CAAC,EACZ,YAAY,GAAE,MAAiC,GAC9C,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC,CAe7E"}

package/lib/typescript/src/styles/shadow.d.ts

@@ -1,24 +0,0 @@
-import { Animated } from "react-native";
-export default function shadow(elevation?: number | Animated.Value): {
-    shadowColor: string;
-    shadowOffset: {
-        width: Animated.Value;
-        height: Animated.AnimatedInterpolation<string | number>;
-    };
-    shadowOpacity: Animated.Value;
-    shadowRadius: Animated.AnimatedInterpolation<string | number>;
-} | {
-    shadowColor?: undefined;
-    shadowOffset?: undefined;
-    shadowOpacity?: undefined;
-    shadowRadius?: undefined;
-} | {
-    shadowColor: string;
-    shadowOffset: {
-        width: number;
-        height: number;
-    };
-    shadowOpacity: number;
-    shadowRadius: number;
-};
-//# sourceMappingURL=shadow.d.ts.map

package/lib/typescript/src/styles/shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../../src/styles/shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,SAAS,GAAE,MAAM,GAAG,QAAQ,CAAC,KAAS;;;;;;;;;;;;;;;;;;;;;EAiDpE"}

package/lib/typescript/src/theming.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const ThemeProvider: import("react").ComponentType<{
-    theme?: any;
-}>, withTheme: <Props extends {
-    theme: any;
-}, C>(WrappedComponent: import("react").ComponentType<Props> & C) => import("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<import("react").ComponentType<Props> & C, {}>, useTheme: (overrides?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined) => any;
-//# sourceMappingURL=theming.d.ts.map

package/lib/typescript/src/theming.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theming.d.ts","sourceRoot":"","sources":["../../../src/theming.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAQ,aAAa;;IAAE,SAAS;;;;6IAAE,QAAQ,6FACb,CAAC"}

package/lib/typescript/src/utilities.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="lodash" />
-import { StyleProp, TextStyle } from "react-native";
-export declare function extractStyles(style: StyleProp<any>): {
-    viewStyles: any;
-    textStyles: TextStyle;
-};
-export declare const borderStyleNames: string[];
-export declare const marginStyleNames: string[];
-export declare function extractBorderAndMarginStyles(style: StyleProp<any>, additionalBorderStyles?: string[], additionalMarginStyles?: string[]): {
-    borderStyles: import("lodash").Dictionary<any>;
-    marginStyles: import("lodash").Dictionary<any>;
-};
-export declare const flexItemStyleNames: string[];
-export declare function extractFlexItemStyles(style: StyleProp<any>, additionalFlexItemStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const positionStyleNames: string[];
-export declare function extractPositionStyles(style: StyleProp<any>, additionalPositionStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const effectsStyleNames: string[];
-export declare function extractEffectStyles(style: StyleProp<any>, additionalEffectStyles?: string[]): import("lodash").Dictionary<any>;
-export declare const sizeStyleNames: string[];
-export declare function extractSizeStyles(style: StyleProp<any>, additionalSizeStyles?: string[]): import("lodash").Dictionary<any>;
-/**
- * Merges a style object on top of another style object. In React Native,
- * keys with undefined values in a style object will still override styles
- * that appear earlier in a sequence. This avoids that problem.
- *
- * This lets us avoid the `...(something ? { something } : {})` pattern.
- * There doesn't seem to be a better way to do this. These all seem to not
- * work (i.e. they all result in `{ color: undefined }`:
- * `const mergedStyles = [{ color: "red" }, { color: undefined }]`
- * `const mergedStyles = StyleSheet.compose({ color: "red" }, { color: undefined })`
- * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
- */
-export declare function applyStyles(baseStyles: Array<StyleProp<any>>, stylesToApply: StyleProp<any> | undefined): any;
-export declare function getValueForRadioButton(value: string | number): string;
-//# sourceMappingURL=utilities.d.ts.map

package/lib/typescript/src/utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED,eAAO,MAAM,kBAAkB,UAM9B,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,wBAAwB,CAAC,EAAE,MAAM,EAAE,oCAapC;AAED,eAAO,MAAM,kBAAkB,UAQ9B,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,wBAAwB,CAAC,EAAE,MAAM,EAAE,oCAapC;AAED,eAAO,MAAM,iBAAiB,UAA2B,CAAC;AAE1D,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,oCAalC;AAED,eAAO,MAAM,cAAc,UAA+C,CAAC;AAE3E,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,oCAahC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}

package/src/components/SwipeableView/SwipeableView.js

@@ -1,118 +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 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);

package/src/components/SwipeableView/SwipeableView.tsx

@@ -1,301 +0,0 @@
-import React from "react";
-import {
-  View,
-  StyleProp,
-  ViewStyle,
-  TextStyle,
-  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 { IconSlot } from "../../interfaces/Icon";
-import type { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
-import { SwipeableViewButtonProps } from "./SwipeableViewButton";
-import { SwipeableViewSwipeHandlerProps } from "./SwipeableViewSwipeHandler";
-
-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;
-}
-
-const SwipeableView: React.FC<React.PropsWithChildren<SwipeableViewProps>> = ({
-  theme,
-  style,
-  children,
-  Icon,
-  closeOnPress,
-  leftOpenValue,
-  rightOpenValue,
-  leftActivationValue,
-  rightActivationValue,
-  swipeActivationPercentage = 80,
-  stopLeftSwipe,
-  stopRightSwipe,
-  friction = 20,
-  ...rest
-}) => {
-  const instanceOfSwipeableViewButtonProps = (
-    object: any
-  ): object is SwipeableViewButtonProps => {
-    return "title" in object && "side" in object && "onPress" in object;
-  };
-
-  const instanceOfSwipeableViewSwipeHandlerProps = (
-    object: any
-  ): object is SwipeableViewSwipeHandlerProps => {
-    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<number | null>(
-    null
-  );
-  const leftButtons = React.useMemo(
-    () =>
-      React.Children.toArray(children).filter(
-        (child) =>
-          React.isValidElement(child) &&
-          instanceOfSwipeableViewButtonProps(child.props) &&
-          child.props.side === "left"
-      ) as React.ReactElement<SwipeableViewButtonProps>[],
-    [children]
-  );
-
-  const rightButtons = React.useMemo(
-    () =>
-      React.Children.toArray(children).filter(
-        (child) =>
-          React.isValidElement(child) &&
-          instanceOfSwipeableViewButtonProps(child.props) &&
-          child.props.side === "right"
-      ) as React.ReactElement<SwipeableViewButtonProps>[],
-    [children]
-  );
-
-  const leftSwipeHandlers = React.useMemo(
-    () =>
-      React.Children.toArray(children).filter(
-        (child) =>
-          React.isValidElement(child) &&
-          instanceOfSwipeableViewSwipeHandlerProps(child.props) &&
-          child.props.side === "left"
-      ) as React.ReactElement<SwipeableViewSwipeHandlerProps>[],
-    [children]
-  );
-
-  const rightSwipeHandlers = React.useMemo(
-    () =>
-      React.Children.toArray(children).filter(
-        (child) =>
-          React.isValidElement(child) &&
-          instanceOfSwipeableViewSwipeHandlerProps(child.props) &&
-          child.props.side === "right"
-      ) as React.ReactElement<SwipeableViewSwipeHandlerProps>[],
-    [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: SwipeableViewSwipeHandlerProps | SwipeableViewButtonProps,
-    index: number
-  ) => (
-    <Pressable
-      key={index.toString()}
-      onPress={(props as any).onPress}
-      style={[
-        styles.buttonContainer,
-        { backgroundColor: props.backgroundColor || theme.colors.primary },
-      ]}
-    >
-      {props.icon && (
-        <Icon
-          name={props.icon}
-          size={props.iconSize || 25}
-          color={props.color || theme.colors.surface}
-        />
-      )}
-      <Text
-        style={[textStyles, { color: props.color || theme.colors.surface }]}
-      >
-        {props.title}
-      </Text>
-    </Pressable>
-  );
-
-  const isLeftSwipeHandler = !!leftSwipeHandlers.length;
-  const isRightSwipeHandler = !!rightSwipeHandlers.length;
-
-  const defaultLeftOpenValue = componentWidth ? componentWidth / 2 : 0;
-  const defaultRightOpenValue = componentWidth ? -componentWidth / 2 : 0;
-
-  return (
-    <View
-      onLayout={(event) => {
-        setComponentWidth(event.nativeEvent.layout.width);
-      }}
-      style={[styles.parentContainer, parentContainerStyles]}
-    >
-      {/*@ts-ignore*/}
-      <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
-            ? () => leftSwipeHandlers[0].props.onSwipe?.()
-            : undefined
-        }
-        onRightAction={
-          isRightSwipeHandler
-            ? () => rightSwipeHandlers[0].props.onSwipe?.()
-            : undefined
-        }
-        closeOnRowPress={closeOnPress}
-        friction={friction}
-        {...rest}
-      >
-        <View style={styles.behindContainer}>
-          <View style={styles.behindContainerItem}>
-            {(isLeftSwipeHandler ? leftSwipeHandlers : leftButtons).map(
-              (item, index) => renderBehindItem(item.props, index)
-            )}
-          </View>
-          <View style={styles.behindContainerItem}>
-            {(isRightSwipeHandler ? rightSwipeHandlers : rightButtons).map(
-              (item, index) => renderBehindItem(item.props, index)
-            )}
-          </View>
-        </View>
-        <View
-          style={[
-            styles.surfaceContainer,
-            {
-              backgroundColor: theme.colors.background,
-            },
-            surfaceContainerStyles,
-          ]}
-        >
-          {remainingChildren}
-        </View>
-      </SwipeRow>
-    </View>
-  );
-};
-
-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);

package/src/components/SwipeableView/SwipeableViewButton.js

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

package/src/components/SwipeableView/SwipeableViewButton.tsx

@@ -1,18 +0,0 @@
-import React from "react";
-
-export interface SwipeableViewButtonProps {
-  title: string;
-  side: "left" | "right";
-  onPress?: () => void;
-  icon?: string;
-  iconSize?: number;
-  backgroundColor?: string;
-  color?: string;
-}
-
-//Renders nothing, acts as a wrapper be used by SwipeableView
-const SwipeableViewButton: React.FC<SwipeableViewButtonProps> = () => {
-  return null;
-};
-
-export default SwipeableViewButton;

package/src/components/SwipeableView/SwipeableViewSwipeHandler.js

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

package/src/components/SwipeableView/SwipeableViewSwipeHandler.tsx

@@ -1,20 +0,0 @@
-import React from "react";
-
-export interface SwipeableViewSwipeHandlerProps {
-  title: string;
-  side: "left" | "right";
-  onSwipe?: () => void;
-  icon?: string;
-  iconSize?: number;
-  backgroundColor?: string;
-  color?: string;
-}
-
-//Renders nothing, acts as a wrapper to be used by SwipeableView
-const SwipeableViewSwipeHandler: React.FC<
-  SwipeableViewSwipeHandlerProps
-> = () => {
-  return null;
-};
-
-export default SwipeableViewSwipeHandler;

package/src/components/SwipeableView/index.js

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

package/src/components/SwipeableView/index.tsx

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