@draftbit/core 46.4.4-618dac.2 → 46.4.4-682e48.2

package/lib/commonjs/components/CircleImage.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -25,22 +27,6 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius
-    }, style],
-    source: typeof source === "string" ? {
-      uri: source
-    } : source,
-    resizeMode: "cover",
-    ...props
-  });
-};
-
-var _default = CircleImage;
-exports.default = _default;size / 2;
   return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
     style: [{
       width: size,

package/lib/commonjs/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "Banner", {
     return _Banner.default;
   }
 });
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheet;
-  }
-});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -478,8 +472,6 @@ var _ActionSheet = require("./components/ActionSheet");
 
 var _Swiper = require("./components/Swiper");
 
-var _BottomSheet = require("./components/BottomSheet");
-
 var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");

package/lib/module/components/DeprecatedButton.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { ActivityIndicator, View, Text, StyleSheet } from "react-native";
 import color from "color";
@@ -107,7 +105,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Touchable, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -115,7 +113,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -133,6 +131,25 @@ const Button = _ref => {
   }, children))));
 };
 
+const styles = StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: Config.buttonIconSize
+  }
+});
+export default withTheme(Button);ines: 1,
+    style: [textStyle, typography.button]
+  }, children))));
+};
+
 const styles = StyleSheet.create({
   button: {
     minWidth: 64,

package/lib/module/components/Image.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
@@ -64,7 +62,24 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
+      source: imageSource,
+      resizeMode: resizeMode,
+      style: [style, {
+        height: "100%",
+        width: "100%"
+      }]
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(NativeImage, { ...props,
+    source: source,
+    resizeMode: resizeMode,
+    style: style
+  });
+};
+
+export default Image;ent(NativeImage, _extends({}, props, {
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {

package/lib/module/index.js

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

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

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 export { default as CardBlock } from "./components/CardBlock";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-618dac.2+618dac9",
+  "version": "46.4.4-682e48.2+682e481",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-618dac.2+618dac9",
-    "@gorhom/bottom-sheet": "4.4.5",
+    "@draftbit/types": "^46.4.4-682e48.2+682e481",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -55,7 +54,6 @@
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
     "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-scroll-bottom-sheet": "0.7.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
@@ -83,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "618dac9ee8e7861d982d4e91880448d415fc6d76"
+  "gitHead": "682e481a60b8c266d9f8ecdbe5154da512dff3ec"
 }

package/src/index.js

@@ -29,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

package/src/index.tsx

@@ -34,7 +34,6 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { BottomSheet } from "./components/BottomSheet";
 
 export {
   Center,

package/lib/commonjs/components/BottomSheet/BottomSheet.native.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _bottomSheet = _interopRequireWildcard(require("@gorhom/bottom-sheet"));
-
-var _utilities = require("../../utilities");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const BottomSheetComponent = _ref => {
-  let {
-    style,
-    children,
-    step
-  } = _ref;
-  const bottomSheetRef = (0, _react.useRef)(null);
-  const {
-    viewStyles
-  } = (0, _utilities.extractStyles)(style); // variables
-
-  const snapPoints = (0, _react.useMemo)(() => ["25%", "50%", "90%"], []); // callbacks
-
-  const handleSheetChanges = (0, _react.useCallback)(index => {
-    console.log("handleSheetChanges", index);
-  }, []);
-
-  _react.default.useEffect(() => {
-    if (step === -1) {
-      var _bottomSheetRef$curre;
-
-      bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : (_bottomSheetRef$curre = bottomSheetRef.current) === null || _bottomSheetRef$curre === void 0 ? void 0 : _bottomSheetRef$curre.close();
-    }
-  }, [step]);
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [containerStyle.container, viewStyles, {
-      backgroundColor: step !== -1 ? "grey" : "transparent"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_bottomSheet.default, {
-    ref: bottomSheetRef,
-    index: step,
-    snapPoints: snapPoints,
-    onChange: handleSheetChanges
-  }, /*#__PURE__*/_react.default.createElement(_bottomSheet.BottomSheetView, null, children)));
-};
-
-var _default = BottomSheetComponent;
-exports.default = _default;
-
-const containerStyle = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    flex: 1,
-    alignItems: "center"
-  }
-});

package/lib/commonjs/components/BottomSheet/BottomSheet.web.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeScrollBottomSheet = _interopRequireDefault(require("react-native-scroll-bottom-sheet"));
-
-var _utilities = require("../../utilities");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const windowHeight = _reactNative.Dimensions.get("window").height;
-
-const BottomSheetComponent = _ref => {
-  let {
-    style,
-    children,
-    step
-  } = _ref;
-  const {
-    viewStyles
-  } = (0, _utilities.extractStyles)(style);
-
-  const bottomSheetRef = _react.default.useRef();
-
-  const webStep = _react.default.useMemo(() => step + 1, [step]);
-
-  const snapPoints = _react.default.useMemo(() => ["25%", "50%", windowHeight - 200], []);
-
-  _react.default.useEffect(() => {
-    var _bottomSheetRef$curre;
-
-    bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : (_bottomSheetRef$curre = bottomSheetRef.current) === null || _bottomSheetRef$curre === void 0 ? void 0 : _bottomSheetRef$curre.snapTo(snapPoints.length - webStep); // bottomSheetRef.current.snapTo(step);
-  }, [webStep, step, snapPoints]);
-
-  if (step === -1) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeScrollBottomSheet.default, {
-    ref: bottomSheetRef,
-    componentType: "ScrollView",
-    snapPoints: snapPoints,
-    initialSnapIndex: 0,
-    renderHandle: () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.header
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles.panelHandle
-    })),
-    contentContainerStyle: styles.contentContainerStyle
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: { ...styles.container,
-      ...viewStyles,
-      backgroundColor: webStep !== -1 ? "grey" : "transparent"
-    }
-  }, children)));
-};
-
-var _default = BottomSheetComponent;
-exports.default = _default;
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainerStyle: {
-    padding: 16
-  },
-  header: {
-    alignItems: "center",
-    backgroundColor: "white",
-    paddingVertical: 20,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20
-  },
-  panelHandle: {
-    width: 40,
-    height: 2,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    borderRadius: 4
-  },
-  item: {
-    padding: 20,
-    justifyContent: "center",
-    backgroundColor: "white",
-    alignItems: "center",
-    marginVertical: 10
-  }
-});

package/lib/commonjs/components/BottomSheet/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.default;
-  }
-});
-
-var _BottomSheet = _interopRequireDefault(require("./BottomSheet"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/components/BottomSheet/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/commonjs/mappings/BottomSheet.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: _types.COMPONENT_TYPES.container,
-  stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  props: {
-    step: (0, _types.createNumberProp)({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2."
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/BottomSheet/BottomSheet.native.js

@@ -1,50 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
-import { extractStyles } from "../../utilities";
-
-const BottomSheetComponent = _ref => {
-  let {
-    style,
-    children,
-    step
-  } = _ref;
-  const bottomSheetRef = useRef(null);
-  const {
-    viewStyles
-  } = extractStyles(style); // variables
-
-  const snapPoints = useMemo(() => ["25%", "50%", "90%"], []); // callbacks
-
-  const handleSheetChanges = useCallback(index => {
-    console.log("handleSheetChanges", index);
-  }, []);
-  React.useEffect(() => {
-    if (step === -1) {
-      var _bottomSheetRef$curre;
-
-      bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : (_bottomSheetRef$curre = bottomSheetRef.current) === null || _bottomSheetRef$curre === void 0 ? void 0 : _bottomSheetRef$curre.close();
-    }
-  }, [step]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [containerStyle.container, viewStyles, {
-      backgroundColor: step !== -1 ? "grey" : "transparent"
-    }]
-  }, /*#__PURE__*/React.createElement(BottomSheet, {
-    ref: bottomSheetRef,
-    index: step,
-    snapPoints: snapPoints,
-    onChange: handleSheetChanges
-  }, /*#__PURE__*/React.createElement(BottomSheetView, null, children)));
-};
-
-export default BottomSheetComponent;
-const containerStyle = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    flex: 1,
-    alignItems: "center"
-  }
-});

package/lib/module/components/BottomSheet/BottomSheet.web.js

@@ -1,78 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-import { extractStyles } from "../../utilities";
-const windowHeight = Dimensions.get("window").height;
-
-const BottomSheetComponent = _ref => {
-  let {
-    style,
-    children,
-    step
-  } = _ref;
-  const {
-    viewStyles
-  } = extractStyles(style);
-  const bottomSheetRef = React.useRef();
-  const webStep = React.useMemo(() => step + 1, [step]);
-  const snapPoints = React.useMemo(() => ["25%", "50%", windowHeight - 200], []);
-  React.useEffect(() => {
-    var _bottomSheetRef$curre;
-
-    bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : (_bottomSheetRef$curre = bottomSheetRef.current) === null || _bottomSheetRef$curre === void 0 ? void 0 : _bottomSheetRef$curre.snapTo(snapPoints.length - webStep); // bottomSheetRef.current.snapTo(step);
-  }, [webStep, step, snapPoints]);
-
-  if (step === -1) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(ScrollBottomSheet, {
-    ref: bottomSheetRef,
-    componentType: "ScrollView",
-    snapPoints: snapPoints,
-    initialSnapIndex: 0,
-    renderHandle: () => /*#__PURE__*/React.createElement(View, {
-      style: styles.header
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.panelHandle
-    })),
-    contentContainerStyle: styles.contentContainerStyle
-  }, /*#__PURE__*/React.createElement(View, {
-    style: { ...styles.container,
-      ...viewStyles,
-      backgroundColor: webStep !== -1 ? "grey" : "transparent"
-    }
-  }, children)));
-};
-
-export default BottomSheetComponent;
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  contentContainerStyle: {
-    padding: 16
-  },
-  header: {
-    alignItems: "center",
-    backgroundColor: "white",
-    paddingVertical: 20,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20
-  },
-  panelHandle: {
-    width: 40,
-    height: 2,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    borderRadius: 4
-  },
-  item: {
-    padding: 20,
-    justifyContent: "center",
-    backgroundColor: "white",
-    alignItems: "center",
-    marginVertical: 10
-  }
-});

package/lib/module/components/BottomSheet/index.js

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/lib/module/components/BottomSheet/types.js

@@ -1 +0,0 @@
-export {};

package/lib/module/mappings/BottomSheet.js

@@ -1,13 +0,0 @@
-import { COMPONENT_TYPES, createNumberProp, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: COMPONENT_TYPES.container,
-  stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  props: {
-    step: createNumberProp({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2."
-    })
-  }
-};

package/lib/typescript/src/components/BottomSheet/BottomSheet.native.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { BottomSheetProps } from "./types";
-declare const BottomSheetComponent: React.FC<BottomSheetProps>;
-export default BottomSheetComponent;

package/lib/typescript/src/components/BottomSheet/BottomSheet.web.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { BottomSheetProps } from "./types";
-declare const BottomSheetComponent: React.FC<BottomSheetProps>;
-export default BottomSheetComponent;

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

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

package/lib/typescript/src/components/BottomSheet/types.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-export interface BottomSheetProps {
-    style: StyleProp<ViewStyle | TextStyle>;
-    children: React.ReactNode;
-    step: number;
-    isOpen?: Boolean;
-}

package/lib/typescript/src/mappings/BottomSheet.d.ts

@@ -1,19 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    category: string;
-    stylesPanelSections: string[];
-    props: {
-        step: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-    };
-};

package/src/components/BottomSheet/BottomSheet.native.js

@@ -1,37 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
-import { extractStyles } from "../../utilities";
-const BottomSheetComponent = ({ style, children, step, }) => {
-    const bottomSheetRef = useRef(null);
-    const { viewStyles } = extractStyles(style);
-    // variables
-    const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
-    // callbacks
-    const handleSheetChanges = useCallback((index) => {
-        console.log("handleSheetChanges", index);
-    }, []);
-    React.useEffect(() => {
-        var _a;
-        if (step === -1) {
-            (_a = bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        }
-    }, [step]);
-    return (React.createElement(View, { style: [
-            containerStyle.container,
-            viewStyles,
-            { backgroundColor: step !== -1 ? "grey" : "transparent" },
-        ] },
-        React.createElement(BottomSheet, { ref: bottomSheetRef, index: step, snapPoints: snapPoints, onChange: handleSheetChanges },
-            React.createElement(BottomSheetView, null, children))));
-};
-export default BottomSheetComponent;
-const containerStyle = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    contentContainer: {
-        flex: 1,
-        alignItems: "center",
-    },
-});

package/src/components/BottomSheet/BottomSheet.native.tsx

@@ -1,60 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { View, StyleSheet } from "react-native";
-import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
-
-import { extractStyles } from "../../utilities";
-import { BottomSheetProps } from "./types";
-
-const BottomSheetComponent: React.FC<BottomSheetProps> = ({
-  style,
-  children,
-  step,
-}) => {
-  const bottomSheetRef = useRef<BottomSheet>(null);
-  const { viewStyles } = extractStyles(style);
-
-  // variables
-  const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
-
-  // callbacks
-  const handleSheetChanges = useCallback((index: number) => {
-    console.log("handleSheetChanges", index);
-  }, []);
-
-  React.useEffect(() => {
-    if (step === -1) {
-      bottomSheetRef?.current?.close();
-    }
-  }, [step]);
-
-  return (
-    <View
-      style={[
-        containerStyle.container,
-        viewStyles,
-        { backgroundColor: step !== -1 ? "grey" : "transparent" },
-      ]}
-    >
-      <BottomSheet
-        ref={bottomSheetRef}
-        index={step}
-        snapPoints={snapPoints}
-        onChange={handleSheetChanges}
-      >
-        <BottomSheetView>{children}</BottomSheetView>
-      </BottomSheet>
-    </View>
-  );
-};
-
-export default BottomSheetComponent;
-
-const containerStyle = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  contentContainer: {
-    flex: 1,
-    alignItems: "center",
-  },
-});

package/src/components/BottomSheet/BottomSheet.web.js

@@ -1,56 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-import { extractStyles } from "../../utilities";
-const windowHeight = Dimensions.get("window").height;
-const BottomSheetComponent = ({ style, children, step, }) => {
-    const { viewStyles } = extractStyles(style);
-    const bottomSheetRef = React.useRef();
-    const webStep = React.useMemo(() => step + 1, [step]);
-    const snapPoints = React.useMemo(() => ["25%", "50%", windowHeight - 200], []);
-    React.useEffect(() => {
-        var _a;
-        (_a = bottomSheetRef === null || bottomSheetRef === void 0 ? void 0 : bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.snapTo(snapPoints.length - webStep);
-        // bottomSheetRef.current.snapTo(step);
-    }, [webStep, step, snapPoints]);
-    if (step === -1) {
-        return React.createElement(React.Fragment, null);
-    }
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(ScrollBottomSheet, { ref: bottomSheetRef, componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: 0, renderHandle: () => (React.createElement(View, { style: styles.header },
-                React.createElement(View, { style: styles.panelHandle }))), contentContainerStyle: styles.contentContainerStyle },
-            React.createElement(View, { style: {
-                    ...styles.container,
-                    ...viewStyles,
-                    backgroundColor: webStep !== -1 ? "grey" : "transparent",
-                } }, children))));
-};
-export default BottomSheetComponent;
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    contentContainerStyle: {
-        padding: 16,
-    },
-    header: {
-        alignItems: "center",
-        backgroundColor: "white",
-        paddingVertical: 20,
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-    },
-    panelHandle: {
-        width: 40,
-        height: 2,
-        backgroundColor: "rgba(0,0,0,0.3)",
-        borderRadius: 4,
-    },
-    item: {
-        padding: 20,
-        justifyContent: "center",
-        backgroundColor: "white",
-        alignItems: "center",
-        marginVertical: 10,
-    },
-});

package/src/components/BottomSheet/BottomSheet.web.tsx

@@ -1,90 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-
-import { extractStyles } from "../../utilities";
-import { BottomSheetProps } from "./types";
-
-const windowHeight = Dimensions.get("window").height;
-
-const BottomSheetComponent: React.FC<BottomSheetProps> = ({
-  style,
-  children,
-  step,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const bottomSheetRef = React.useRef<any>();
-
-  const webStep = React.useMemo(() => step + 1, [step]);
-  const snapPoints = React.useMemo(
-    () => ["25%", "50%", windowHeight - 200],
-    []
-  );
-
-  React.useEffect(() => {
-    bottomSheetRef?.current?.snapTo(snapPoints.length - webStep);
-    // bottomSheetRef.current.snapTo(step);
-  }, [webStep, step, snapPoints]);
-
-  if (step === -1) {
-    return <></>;
-  }
-
-  return (
-    <View style={styles.container}>
-      <ScrollBottomSheet
-        ref={bottomSheetRef}
-        componentType="ScrollView"
-        snapPoints={snapPoints}
-        initialSnapIndex={0}
-        renderHandle={() => (
-          <View style={styles.header}>
-            <View style={styles.panelHandle} />
-          </View>
-        )}
-        contentContainerStyle={styles.contentContainerStyle}
-      >
-        <View
-          style={{
-            ...styles.container,
-            ...viewStyles,
-            backgroundColor: webStep !== -1 ? "grey" : "transparent",
-          }}
-        >
-          {children}
-        </View>
-      </ScrollBottomSheet>
-    </View>
-  );
-};
-
-export default BottomSheetComponent;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  contentContainerStyle: {
-    padding: 16,
-  },
-  header: {
-    alignItems: "center",
-    backgroundColor: "white",
-    paddingVertical: 20,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-  },
-  panelHandle: {
-    width: 40,
-    height: 2,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    borderRadius: 4,
-  },
-  item: {
-    padding: 20,
-    justifyContent: "center",
-    backgroundColor: "white",
-    alignItems: "center",
-    marginVertical: 10,
-  },
-});

package/src/components/BottomSheet/index.js

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/index.tsx

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/types.js

@@ -1 +0,0 @@
-export {};

package/src/components/BottomSheet/types.tsx

@@ -1,8 +0,0 @@
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-
-export interface BottomSheetProps {
-  style: StyleProp<ViewStyle | TextStyle>;
-  children: React.ReactNode;
-  step: number;
-  isOpen?: Boolean;
-}

package/src/mappings/BottomSheet.js

@@ -1,20 +0,0 @@
-import { COMPONENT_TYPES, createNumberProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Bottom Sheet",
-    tag: "BottomSheet",
-    category: COMPONENT_TYPES.container,
-    stylesPanelSections: [
-        StylesPanelSections.Background,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        step: createNumberProp({
-            label: "Step",
-            description: "Step can be -1, 0, 1, or 2.",
-        }),
-    },
-};

package/src/mappings/BottomSheet.ts

@@ -1,25 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createNumberProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: COMPONENT_TYPES.container,
-  stylesPanelSections: [
-    StylesPanelSections.Background,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    step: createNumberProp({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2.",
-    }),
-  },
-};