@draftbit/core 48.4.8-f6d6b8.2 → 48.4.8-fa5021.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "48.4.8-f6d6b8.2+f6d6b8a",
+  "version": "48.4.8-fa5021.2+fa5021f",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^48.4.8-f6d6b8.2+f6d6b8a",
+    "@draftbit/types": "^48.4.8-fa5021.2+fa5021f",
     "@expo/vector-icons": "^13.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
@@ -100,5 +100,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "f6d6b8a6e816e8d7333613a91d8b71ca4e9f3cb5"
+  "gitHead": "fa5021f96064e2c4aa1bf37beffa393fe0006b14"
 }

package/src/Provider.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ThemeProvider } from "./theming";
+import PortalHost from "./components/Portal/PortalHost";
+export default class Provider extends React.Component {
+    render() {
+        return (React.createElement(PortalHost, null,
+            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
+    }
+}
+//# sourceMappingURL=Provider.js.map

package/src/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAQxD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IAC1D,MAAM;QACJ,OAAO,CACL,oBAAC,UAAU;YAET,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACnC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACL,CACd,CAAC;IACJ,CAAC;CACF"}

package/src/components/AccordionGroup.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import Text from "./Text";
+import { withTheme } from "../theming";
+import { extractStyles } from "../utilities";
+const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
+    const [expanded, setExpanded] = React.useState(expandedProp);
+    const { textStyles, viewStyles } = extractStyles(style);
+    const expandedColor = openColor || theme.colors.primary;
+    const collapsedColor = closedColor || theme.colors.primary;
+    const labelColor = expanded ? expandedColor : collapsedColor;
+    const caretColor = caretColorProp || labelColor;
+    const handlePressAction = () => {
+        setExpanded(!expanded);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
+            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
+            React.createElement(View, { style: styles.content },
+                React.createElement(Text, { selectable: false, style: [
+                        textStyles,
+                        {
+                            color: labelColor,
+                        },
+                    ] }, label)),
+            React.createElement(Icon, { name: expanded
+                    ? "MaterialIcons/keyboard-arrow-up"
+                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
+        expanded ? children : null));
+};
+const styles = StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    icon: {
+        marginRight: 8,
+    },
+});
+export default withTheme(AccordionGroup);
+//# sourceMappingURL=AccordionGroup.js.map

package/src/components/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EAGV,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgB7C,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,SAAS,EACT,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACxD,MAAM,cAAc,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAC7D,MAAM,UAAU,GAAG,cAAc,IAAI,UAAU,CAAC;IAEhD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,IACR,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAC,QAAQ;YAEzB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;wBACL,UAAU;wBACV;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,IAEA,KAAK,CACD,CACF;YACP,oBAAC,IAAI,IACH,IAAI,EACF,QAAQ;oBACN,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,mCAAmC,EAEzC,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,GACf,CACQ;QACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC1B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/components/ActionSheet/ActionSheet.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import ActionSheetCancel from "./ActionSheetCancel";
+const ActionSheet = ({ visible = false, onClose, children }) => {
+    return visible ? (React.createElement(Portal, null,
+        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
+            React.createElement(View, { style: styles.overlay }),
+            React.createElement(View, { style: styles.groupWrapper },
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+    },
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "#000000",
+        opacity: 0.3,
+    },
+    groupWrapper: {
+        flex: 1,
+        flexDirection: "column",
+        justifyContent: "flex-end",
+        display: "flex",
+        marginBottom: 25,
+    },
+    group: {
+        display: "flex",
+        flexDirection: "column",
+        borderRadius: 10,
+        marginHorizontal: 7,
+        marginVertical: 2.5,
+        overflow: "hidden",
+    },
+});
+export default ActionSheet;
+//# sourceMappingURL=ActionSheet.js.map

package/src/components/ActionSheet/ActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAQpD,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE;IACpE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM;QACL,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO;YAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,iBAAiB,CAClD,CACI;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,CACjD,CACI,CACF,CACG,CACL,CACV,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,GAAG;KACb;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,EAAE;QAChB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,GAAG;QACnB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -0,0 +1,7 @@
+import React from "react";
+import ActionSheetItem from "./ActionSheetItem";
+const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
+    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
+};
+export default ActionSheetCancel;
+//# sourceMappingURL=ActionSheetCancel.js.map

package/src/components/ActionSheet/ActionSheetCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetCancel.js","sourceRoot":"","sources":["ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,MAAM,iBAAiB,GAA6C,CAAC,EACnE,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/src/components/ActionSheet/ActionSheetItem.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { extractStyles } from "../../utilities";
+const ActionSheetItem = ({ label, style, color, onPress, }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
+        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: "#CCCCCC",
+        backgroundColor: "#F1F1F1",
+        minHeight: 50,
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+    },
+    label: {
+        fontSize: 16,
+        textAlign: "center",
+        color: "#0A84FF",
+        fontWeight: "500",
+        overflow: "hidden",
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        alignSelf: "center",
+    },
+});
+export default ActionSheetItem;
+//# sourceMappingURL=ActionSheetItem.js.map

package/src/components/ActionSheet/ActionSheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,eAAe,GAA6C,CAAC,EACjE,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,gBAAgB,IACf,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,EACnC,OAAO,EAAE,OAAO;QAEhB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,IAAG,KAAK,CAAQ,CACjD,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/src/components/ActionSheet/index.js

@@ -0,0 +1,4 @@
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";
+//# sourceMappingURL=index.js.map

package/src/components/ActionSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/components/AspectRatio.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { View, StyleSheet, } from "react-native";
+const AspectRatio = (props) => {
+    const [layout, setLayout] = React.useState(null);
+    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
+    const style = [inputStyle, { aspectRatio }];
+    if (layout) {
+        const { width = 0, height = 0 } = layout;
+        if (width === 0) {
+            style.push({ width: height * (1 / +aspectRatio), height });
+        }
+        else {
+            style.push({ width, height: width * (1 / +aspectRatio) });
+        }
+    }
+    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+};
+export default AspectRatio;
+//# sourceMappingURL=AspectRatio.js.map

package/src/components/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sourceRoot":"","sources":["AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,GAIX,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,UAAU,EAAE,GACtC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IAE5C,IAAI,MAAM,EAAE;QACV,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;SAC5D;aAAM;YACL,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;SAC3D;KACF;IACD,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAEzD,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,72 @@
+import React from "react";
+import { StyleSheet, View, } from "react-native";
+import BottomSheetComponent from "./BottomSheetComponent";
+import { withTheme } from "../../theming";
+const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSnapPosition = "10%", middleSnapPosition = "50%", bottomSnapPosition = "80%", initialSnapIndex, initialSnapPosition = "bottom", showHandle = true, handleColor = theme.colors.divider, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.divider, onSettle, style, children, ...rest }, ref) => {
+    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background;
+    const snapPoints = snapPointsProp || [
+        topSnapPosition,
+        middleSnapPosition,
+        bottomSnapPosition,
+    ];
+    const getSnapIndexFromPosition = (position) => {
+        switch (position) {
+            case "top":
+                return 0;
+            case "middle":
+                return 1;
+            case "bottom":
+                return 2;
+        }
+    };
+    return (React.createElement(View, { style: styles.parentContainer, pointerEvents: "box-none" },
+        React.createElement(BottomSheetComponent, { ref: ref, componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: initialSnapIndex !== null && initialSnapIndex !== void 0 ? initialSnapIndex : getSnapIndexFromPosition(initialSnapPosition), renderHandle: () => (React.createElement(React.Fragment, null, showHandle && (React.createElement(View, { style: [
+                    styles.handleContainer,
+                    {
+                        backgroundColor,
+                        borderTopLeftRadius: topBorderRadius,
+                        borderTopRightRadius: topBorderRadius,
+                    },
+                ] },
+                React.createElement(View, { style: [styles.handle, { backgroundColor: handleColor }] }))))), contentContainerStyle: [styles.contentContainerStyle, style], containerStyle: StyleSheet.flatten([
+                styles.containerStyle,
+                {
+                    backgroundColor,
+                    borderTopLeftRadius: topBorderRadius,
+                    borderTopRightRadius: topBorderRadius,
+                    borderWidth,
+                    borderColor,
+                },
+            ]), onSettle: onSettle, ...rest }, children)));
+});
+const styles = StyleSheet.create({
+    //Render on top of everything
+    parentContainer: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 10,
+        overflow: "hidden",
+    },
+    contentContainerStyle: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+    },
+    containerStyle: {
+        flex: 1,
+        overflow: "hidden",
+    },
+    handleContainer: {
+        alignItems: "center",
+        paddingVertical: 20,
+    },
+    handle: {
+        width: 40,
+        height: 2,
+        borderRadius: 4,
+    },
+});
+export default withTheme(BottomSheet);
+//# sourceMappingURL=BottomSheet.js.map

package/src/components/BottomSheet/BottomSheet.js.map

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