@draftbit/core 46.4.4-7121ab.2 → 46.4.4-746597.2

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

@@ -0,0 +1,59 @@
+"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"
+  }
+});
+//# sourceMappingURL=BottomSheet.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BottomSheetComponent","style","children","step","bottomSheetRef","useRef","viewStyles","extractStyles","snapPoints","useMemo","handleSheetChanges","useCallback","index","console","log","React","useEffect","current","close","containerStyle","container","backgroundColor","StyleSheet","create","flex","contentContainer","alignItems"],"sourceRoot":"../../src","sources":["BottomSheet.native.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAgD;AAAA;AAGhD,MAAMA,oBAAgD,GAAG,QAInD;EAAA,IAJoD;IACxDC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC;EACC,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EAChD,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACN,KAAK,CAAC;;EAE3C;EACA,MAAMO,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;;EAE3D;EACA,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,KAAa,IAAK;IACxDC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAENG,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAIb,IAAI,KAAK,CAAC,CAAC,EAAE;MAAA;MACfC,cAAc,aAAdA,cAAc,gDAAdA,cAAc,CAAEa,OAAO,0DAAvB,sBAAyBC,KAAK,EAAE;IAClC;EACF,CAAC,EAAE,CAACf,IAAI,CAAC,CAAC;EAEV,oBACE,6BAAC,iBAAI;IACH,KAAK,EAAE,CACLgB,cAAc,CAACC,SAAS,EACxBd,UAAU,EACV;MAAEe,eAAe,EAAElB,IAAI,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG;IAAc,CAAC;EACzD,gBAEF,6BAAC,oBAAW;IACV,GAAG,EAAEC,cAAe;IACpB,KAAK,EAAED,IAAK;IACZ,UAAU,EAAEK,UAAW;IACvB,QAAQ,EAAEE;EAAmB,gBAE7B,6BAAC,4BAAe,QAAER,QAAQ,CAAmB,CACjC,CACT;AAEX,CAAC;AAAC,eAEaF,oBAAoB;AAAA;AAEnC,MAAMmB,cAAc,GAAGG,uBAAU,CAACC,MAAM,CAAC;EACvCH,SAAS,EAAE;IACTI,IAAI,EAAE;EACR,CAAC;EACDC,gBAAgB,EAAE;IAChBD,IAAI,EAAE,CAAC;IACPE,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,84 @@
+"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
+  }
+});
+//# sourceMappingURL=BottomSheet.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["windowHeight","Dimensions","get","height","BottomSheetComponent","style","children","step","viewStyles","extractStyles","bottomSheetRef","React","useRef","webStep","useMemo","snapPoints","useEffect","current","snapTo","length","styles","container","header","panelHandle","contentContainerStyle","backgroundColor","StyleSheet","create","flex","padding","alignItems","paddingVertical","borderTopLeftRadius","borderTopRightRadius","width","borderRadius","item","justifyContent","marginVertical"],"sourceRoot":"../../src","sources":["BottomSheet.web.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAgD;AAGhD,MAAMA,YAAY,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AAEpD,MAAMC,oBAAgD,GAAG,QAInD;EAAA,IAJoD;IACxDC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC;EACC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACJ,KAAK,CAAC;EAC3C,MAAMK,cAAc,GAAGC,cAAK,CAACC,MAAM,EAAO;EAE1C,MAAMC,OAAO,GAAGF,cAAK,CAACG,OAAO,CAAC,MAAMP,IAAI,GAAG,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACrD,MAAMQ,UAAU,GAAGJ,cAAK,CAACG,OAAO,CAC9B,MAAM,CAAC,KAAK,EAAE,KAAK,EAAEd,YAAY,GAAG,GAAG,CAAC,EACxC,EAAE,CACH;EAEDW,cAAK,CAACK,SAAS,CAAC,MAAM;IAAA;IACpBN,cAAc,aAAdA,cAAc,gDAAdA,cAAc,CAAEO,OAAO,0DAAvB,sBAAyBC,MAAM,CAACH,UAAU,CAACI,MAAM,GAAGN,OAAO,CAAC;IAC5D;EACF,CAAC,EAAE,CAACA,OAAO,EAAEN,IAAI,EAAEQ,UAAU,CAAC,CAAC;EAE/B,IAAIR,IAAI,KAAK,CAAC,CAAC,EAAE;IACf,oBAAO,2DAAK;EACd;EAEA,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAEa,MAAM,CAACC;EAAU,gBAC5B,6BAAC,qCAAiB;IAChB,GAAG,EAAEX,cAAe;IACpB,aAAa,EAAC,YAAY;IAC1B,UAAU,EAAEK,UAAW;IACvB,gBAAgB,EAAE,CAAE;IACpB,YAAY,EAAE,mBACZ,6BAAC,iBAAI;MAAC,KAAK,EAAEK,MAAM,CAACE;IAAO,gBACzB,6BAAC,iBAAI;MAAC,KAAK,EAAEF,MAAM,CAACG;IAAY,EAAG,CAErC;IACF,qBAAqB,EAAEH,MAAM,CAACI;EAAsB,gBAEpD,6BAAC,iBAAI;IACH,KAAK,EAAE;MACL,GAAGJ,MAAM,CAACC,SAAS;MACnB,GAAGb,UAAU;MACbiB,eAAe,EAAEZ,OAAO,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG;IAC7C;EAAE,GAEDP,QAAQ,CACJ,CACW,CACf;AAEX,CAAC;AAAC,eAEaF,oBAAoB;AAAA;AAEnC,MAAMgB,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR,CAAC;EACDJ,qBAAqB,EAAE;IACrBK,OAAO,EAAE;EACX,CAAC;EACDP,MAAM,EAAE;IACNQ,UAAU,EAAE,QAAQ;IACpBL,eAAe,EAAE,OAAO;IACxBM,eAAe,EAAE,EAAE;IACnBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDV,WAAW,EAAE;IACXW,KAAK,EAAE,EAAE;IACT/B,MAAM,EAAE,CAAC;IACTsB,eAAe,EAAE,iBAAiB;IAClCU,YAAY,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAE,EAAE;IACXQ,cAAc,EAAE,QAAQ;IACxBZ,eAAe,EAAE,OAAO;IACxBK,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+"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 }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AACA;AAAuD"}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}

package/lib/commonjs/components/CircleImage.js

@@ -10,7 +10,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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,
@@ -19,7 +18,22 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
+  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;
+//# sourceMappingURL=CircleImage.js.mapeateElement(_reactNative.Image, _extends({
     style: [{
       width: size,
       height: size,

package/lib/commonjs/components/CircleImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","width","height","uri"],"sourceRoot":"../../src","sources":["CircleImage.tsx"],"mappings":";;;;;;AAAA;AACA;AAMA;AAA8B;AAAA;AAAA;AAAA;AAO9B,MAAMA,WAAqD,GAAG,QAKxD;EAAA,IALyD;IAC7DC,MAAM,GAAGC,eAAM,CAACC,mBAAmB;IACnCC,IAAI,GAAG,EAAE;IACTC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAAC;EAE7B,oBACE,oBAAC,kBAAK;IACJ,KAAK,EAAE,CAAC;MAAEI,KAAK,EAAEJ,IAAI;MAAEK,MAAM,EAAEL,IAAI;MAAEG;IAAa,CAAC,EAAEF,KAAK,CAAE;IAC5D,MAAM,EAAE,OAAOJ,MAAM,KAAK,QAAQ,GAAG;MAAES,GAAG,EAAET;IAAO,CAAC,GAAGA,MAAO;IAC9D,UAAU,EAAC;EAAO,GACdK,KAAK,EACT;AAEN,CAAC;AAAC,eAEaN,WAAW;AAAA"}
+{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","React","createElement","Image","width","height","uri","resizeMode"],"sourceRoot":"../../src","sources":["CircleImage.js"],"mappings":";;;;;;AAAA;AACA;AACA;AAA8B;AAAA;AAAA;AAC9B,MAAMA,WAAW,GAAG,QAAyE;EAAA,IAAxE;IAAEC,MAAM,GAAGC,eAAM,CAACC,mBAAmB;IAAEC,IAAI,GAAG,EAAE;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC;EACpF,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAAC;EAC7B,oBAAQI,KAAK,CAACC,aAAa,CAACC,kBAAK,EAAE;IAAEL,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAEP,IAAI;MAAEQ,MAAM,EAAER,IAAI;MAAEG;IAAa,CAAC,EAAEF,KAAK,CAAC;IAAEJ,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAG;MAAEY,GAAG,EAAEZ;IAAO,CAAC,GAAGA,MAAM;IAAEa,UAAU,EAAE,OAAO;IAAE,GAAGR;EAAM,CAAC,CAAC;AACrM,CAAC;AAAC,eACaN,WAAW;AAAA"}

package/lib/commonjs/components/DatePicker/DatePickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","Platform","OS","React","createElement","DateTimePickerModal","date","isVisible","display","onCancel","console","log","onConfirm","data","DateTimePicker"],"sourceRoot":"../../src","sources":["DatePickerComponent.js"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAqE;AACrE,MAAMA,mBAAmB,GAAG,QAAkD;EAAA,IAAjD;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAkB,CAAC;EACrE,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAID,qBAAQ,CAACC,EAAE,KAAK,SAAS,gBAAIC,cAAK,CAACC,aAAa,CAACC,uCAAmB,EAAE;IAAEC,IAAI,EAAET,KAAK;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,SAAS,EAAE,IAAI;IAAEC,OAAO,EAAEP,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS;IAAEO,QAAQ,EAAE,MAAM;MAClNC,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;MAC1DX,gBAAgB,EAAE;IACtB,CAAC;IAAEY,SAAS,EAAGC,IAAI,IAAK;MACpBf,QAAQ,CAAC,IAAI,EAAEe,IAAI,CAAC;IACxB;EAAE,CAAC,CAAC,gBAAKV,cAAK,CAACC,aAAa,CAACU,uBAAc,EAAE;IAAEjB,KAAK,EAAEA,KAAK;IAAEE,IAAI,EAAEA,IAAI;IAAED,QAAQ,EAAEA,QAAQ;IAAEU,OAAO,EAAE;EAAU,CAAC,CAAE;AAC3H,CAAC;AAAC,eACaZ,mBAAmB;AAAA"}
+{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","Platform","OS","console","log","data"],"sourceRoot":"../../src","sources":["DatePickerComponent.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAqE;AAGrE,MAAMA,mBAA6D,GAAG,QAKhE;EAAA,IALiE;IACrEC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC;EACF,CAAC;EACC,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAID,qBAAQ,CAACC,EAAE,KAAK,SAAS,gBACvD,6BAAC,uCAAmB;IAClB,IAAI,EAAEL,KAAM;IACZ,IAAI,EAAEE,IAAK;IACX,SAAS,EAAE,IAAK;IAChB,OAAO,EAAEE,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAU;IACvD,QAAQ,EAAE,MAAM;MACdC,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;MAC1DJ,gBAAgB,EAAE;IACpB,CAAE;IACF,SAAS,EAAGK,IAAI,IAAK;MACnBP,QAAQ,CAAC,IAAI,EAAEO,IAAI,CAAC;IACtB;EAAE,EACF,gBAEF,6BAAC,uBAAc;IACb,KAAK,EAAER,KAAM;IACb,IAAI,EAAEE,IAAK;IACX,QAAQ,EAAED,QAAS;IACnB,OAAO,EAAE;EAAU,EAEtB;AACH,CAAC;AAAC,eAEaF,mBAAmB;AAAA"}

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","createMuiTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","React","createElement","MuiPickersUtilsProvider","utils","DateFnsUtils","ThemeProvider","open","d","onClose","variant","TextFieldComponent","withTheme"],"sourceRoot":"../../src","sources":["DatePickerComponent.web.js"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAC9C,MAAMA,mBAAmB,GAAG,QAAoE;EAAA,IAAnE;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC;EAAO,CAAC;EACvF,MAAMC,aAAa,GAAG,IAAAC,sBAAc,EAAC;IACjCC,OAAO,EAAE;MACLC,OAAO,EAAE;QACLC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACF,OAAO,IAAIG,qBAAK,CAACD,MAAM,CAACF;MAC/C,CAAC;MACDI,SAAS,EAAE;QACPH,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACE,SAAS,IAAID,qBAAK,CAACD,MAAM,CAACE;MACjD;IACJ;EACJ,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGZ,IAAI,KAAK,MAAM,GACxBa,mBAAU,GACVb,IAAI,KAAK,MAAM,GACXc,mBAAU,GACVC,uBAAc;EACxB,oBAAQC,cAAK,CAACC,aAAa,CAACC,gCAAuB,EAAE;IAAEC,KAAK,EAAEC;EAAa,CAAC,eACxEJ,cAAK,CAACC,aAAa,CAACI,qBAAa,EAAE;IAAElB,KAAK,EAAEC;EAAc,CAAC,eACvDY,cAAK,CAACC,aAAa,CAACL,MAAM,EAAE;IAAEd,KAAK,EAAEA,KAAK;IAAEwB,IAAI,EAAEpB,SAAS;IAAEH,QAAQ,EAAGwB,CAAC,IAAK;MACtEtB,gBAAgB,EAAE;MAClBF,QAAQ,CAAC,IAAI,EAAEwB,CAAC,CAAC;IACrB,CAAC;IAAEC,OAAO,EAAE,MAAMvB,gBAAgB,EAAE;IAAEwB,OAAO,EAAE,QAAQ;IAAEC,kBAAkB,EAAE,MAAM;EAAK,CAAC,CAAC,CAAC,CAAC;AAC5G,CAAC;AAAC,eACa,IAAAC,kBAAS,EAAC9B,mBAAmB,CAAC;AAAA"}
+{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","createMuiTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d","withTheme"],"sourceRoot":"../../src","sources":["DatePickerComponent.web.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAMA;AAEA;AACA;AAA8C;AAE9C,MAAMA,mBAA8D,GAAG,QAOjE;EAAA,IAPkE;IACtEC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,gBAAgB;IAChBC,SAAS;IACTC;EACF,CAAC;EACC,MAAMC,aAAa,GAAG,IAAAC,sBAAc,EAAC;IACnCC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACF,OAAO,IAAIG,qBAAK,CAACD,MAAM,CAACF;MAC7C,CAAC;MACDI,SAAS,EAAE;QACTH,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACE,SAAS,IAAID,qBAAK,CAACD,MAAM,CAACE;MAC/C;IACF;EACF,CAAC,CAAC;EAEF,MAAMC,MAAM,GACVZ,IAAI,KAAK,MAAM,GACXa,mBAAU,GACVb,IAAI,KAAK,MAAM,GACfc,mBAAU,GACVC,uBAAc;EAEpB,oBACE,6BAAC,gCAAuB;IAAC,KAAK,EAAEC;EAAa,gBAC3C,6BAAC,qBAAa;IAAC,KAAK,EAAEZ;EAAc,gBAClC,6BAAC,MAAM;IACL,KAAK,EAAEN,KAAM;IACb,IAAI,EAAEI,SAAU;IAChB,QAAQ,EAAGe,CAAC,IAAK;MACfhB,gBAAgB,EAAE;MAClBF,QAAQ,CAAC,IAAI,EAAEkB,CAAC,CAAC;IACnB,CAAE;IACF,OAAO,EAAE,MAAMhB,gBAAgB,EAAG;IAClC,OAAO,EAAC,QAAQ;IAChB,kBAAkB,EAAE,MAAM;EAAK,EAC/B,CACY,CACQ;AAE9B,CAAC;AAAC,eAEa,IAAAiB,kBAAS,EAACrB,mBAAmB,CAAC;AAAA"}

package/lib/commonjs/index.js

@@ -51,6 +51,12 @@ 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 () {
@@ -441,6 +447,7 @@ var _Touchable = _interopRequireDefault(require("./components/Touchable"));
 var _Accordion = require("./components/Accordion");
 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");
 var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;AASA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAAA"}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAEA;AASA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAAA"}

package/lib/commonjs/mappings/BottomSheet.js

@@ -0,0 +1,21 @@
+"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;
+//# sourceMappingURL=BottomSheet.js.map

package/lib/commonjs/mappings/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","container","stylesPanelSections","StylesPanelSections","Background","Borders","Size","MarginsAndPaddings","Position","Effects","props","step","createNumberProp","label","description"],"sourceRoot":"../../src","sources":["BottomSheet.ts"],"mappings":";;;;;;AAAA;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEC,sBAAe,CAACC,SAAS;EACnCC,mBAAmB,EAAE,CACnBC,0BAAmB,CAACC,UAAU,EAC9BD,0BAAmB,CAACE,OAAO,EAC3BF,0BAAmB,CAACG,IAAI,EACxBH,0BAAmB,CAACI,kBAAkB,EACtCJ,0BAAmB,CAACK,QAAQ,EAC5BL,0BAAmB,CAACM,OAAO,CAC5B;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,IAAAC,uBAAgB,EAAC;MACrBC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE;IACf,CAAC;EACH;AACF,CAAC;AAAC"}

package/lib/commonjs/mappings/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","control","stylesPanelSections","BLOCK_STYLES_SECTIONS","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sourceRoot":"../../src","sources":["RadioButton.js"],"mappings":";;;;;;AAAA;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEC,sBAAe,CAACC,OAAO;EACjCC,mBAAmB,EAAEC,4BAAqB;EAC1CC,QAAQ,EAAE,CAACC,eAAQ,CAACC,OAAO,CAAC;EAC5BC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAc,EAAC;MAClBC,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE,2BAA2B;MACxCC,YAAY,EAAE,IAAI;MAClBC,QAAQ,EAAE;IACd,CAAC,CAAC;IACFC,KAAK,EAAE,IAAAC,sBAAe,EAAC;MACnBC,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBP,WAAW,EAAE,sBAAsB;MACnCC,YAAY,EAAE;IAClB,CAAC,CAAC;IACFO,eAAe,EAAE,IAAAJ,sBAAe,EAAC;MAC7BC,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBR,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,iCAAiC;MAC9CC,YAAY,EAAE;IAClB,CAAC,CAAC;IACFQ,QAAQ,EAAE,IAAAC,qBAAc,EAAC;MACrBX,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE;IACjB,CAAC,CAAC;IACFW,IAAI,EAAE,IAAAC,uBAAgB,EAAC;MACnBP,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBR,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,kCAAkC;MAC/CC,YAAY,EAAE,EAAE;MAChBY,GAAG,EAAE,EAAE;MACPC,GAAG,EAAE,GAAG;MACRC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE;IACf,CAAC,CAAC;IACFC,YAAY,EAAE,IAAAC,qBAAc,EAAC;MACzBnB,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,gDAAgD;MAC7DC,YAAY,EAAE;IAClB,CAAC,CAAC;IACFkB,cAAc,EAAE,IAAAD,qBAAc,EAAC;MAC3BnB,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EAAE,kDAAkD;MAC/DC,YAAY,EAAE;IAClB,CAAC;EACL;AACJ,CAAC;AAAC"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","control","stylesPanelSections","BLOCK_STYLES_SECTIONS","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sourceRoot":"../../src","sources":["RadioButton.ts"],"mappings":";;;;;;AAAA;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEC,sBAAe,CAACC,OAAO;EACjCC,mBAAmB,EAAEC,4BAAqB;EAC1CC,QAAQ,EAAE,CAACC,eAAQ,CAACC,OAAO,CAAC;EAC5BC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAc,EAAC;MACpBC,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE,2BAA2B;MACxCC,YAAY,EAAE,IAAI;MAClBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFC,KAAK,EAAE,IAAAC,sBAAe,EAAC;MACrBC,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBP,WAAW,EAAE,sBAAsB;MACnCC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFO,eAAe,EAAE,IAAAJ,sBAAe,EAAC;MAC/BC,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBR,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,iCAAiC;MAC9CC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFQ,QAAQ,EAAE,IAAAC,qBAAc,EAAC;MACvBX,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE;IACf,CAAC,CAAC;IACFW,IAAI,EAAE,IAAAC,uBAAgB,EAAC;MACrBP,KAAK,EAAEC,aAAM,CAACC,KAAK;MACnBR,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,kCAAkC;MAC/CC,YAAY,EAAE,EAAE;MAChBY,GAAG,EAAE,EAAE;MACPC,GAAG,EAAE,GAAG;MACRC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE;IACb,CAAC,CAAC;IACFC,YAAY,EAAE,IAAAC,qBAAc,EAAC;MAC3BnB,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,gDAAgD;MAC7DC,YAAY,EAAE;IAChB,CAAC,CAAC;IACFkB,cAAc,EAAE,IAAAD,qBAAc,EAAC;MAC7BnB,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EAAE,kDAAkD;MAC/DC,YAAY,EAAE;IAChB,CAAC;EACH;AACF,CAAC;AAAC"}

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

@@ -0,0 +1,50 @@
+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"
+  }
+});
+//# sourceMappingURL=BottomSheet.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","View","StyleSheet","BottomSheet","BottomSheetView","extractStyles","BottomSheetComponent","style","children","step","bottomSheetRef","viewStyles","snapPoints","handleSheetChanges","index","console","log","useEffect","current","close","containerStyle","container","backgroundColor","create","flex","contentContainer","alignItems"],"sourceRoot":"../../src","sources":["BottomSheet.native.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC3D,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,WAAW,IAAIC,eAAe,QAAQ,sBAAsB;AAEnE,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,oBAAgD,GAAG,QAInD;EAAA,IAJoD;IACxDC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC;EACC,MAAMC,cAAc,GAAGV,MAAM,CAAc,IAAI,CAAC;EAChD,MAAM;IAAEW;EAAW,CAAC,GAAGN,aAAa,CAACE,KAAK,CAAC;;EAE3C;EACA,MAAMK,UAAU,GAAGb,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;;EAE3D;EACA,MAAMc,kBAAkB,GAAGf,WAAW,CAAEgB,KAAa,IAAK;IACxDC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAENjB,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAIR,IAAI,KAAK,CAAC,CAAC,EAAE;MAAA;MACfC,cAAc,aAAdA,cAAc,gDAAdA,cAAc,CAAEQ,OAAO,0DAAvB,sBAAyBC,KAAK,EAAE;IAClC;EACF,CAAC,EAAE,CAACV,IAAI,CAAC,CAAC;EAEV,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLW,cAAc,CAACC,SAAS,EACxBV,UAAU,EACV;MAAEW,eAAe,EAAEb,IAAI,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG;IAAc,CAAC;EACzD,gBAEF,oBAAC,WAAW;IACV,GAAG,EAAEC,cAAe;IACpB,KAAK,EAAED,IAAK;IACZ,UAAU,EAAEG,UAAW;IACvB,QAAQ,EAAEC;EAAmB,gBAE7B,oBAAC,eAAe,QAAEL,QAAQ,CAAmB,CACjC,CACT;AAEX,CAAC;AAED,eAAeF,oBAAoB;AAEnC,MAAMc,cAAc,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EACvCF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR,CAAC;EACDC,gBAAgB,EAAE;IAChBD,IAAI,EAAE,CAAC;IACPE,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,76 @@
+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
+  }
+});
+//# sourceMappingURL=BottomSheet.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Dimensions","ScrollBottomSheet","extractStyles","windowHeight","get","height","BottomSheetComponent","style","children","step","viewStyles","bottomSheetRef","useRef","webStep","useMemo","snapPoints","useEffect","current","snapTo","length","styles","container","header","panelHandle","contentContainerStyle","backgroundColor","create","flex","padding","alignItems","paddingVertical","borderTopLeftRadius","borderTopRightRadius","width","borderRadius","item","justifyContent","marginVertical"],"sourceRoot":"../../src","sources":["BottomSheet.web.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,iBAAiB,MAAM,kCAAkC;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,YAAY,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AAEpD,MAAMC,oBAAgD,GAAG,QAInD;EAAA,IAJoD;IACxDC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC;EACC,MAAM;IAAEC;EAAW,CAAC,GAAGR,aAAa,CAACK,KAAK,CAAC;EAC3C,MAAMI,cAAc,GAAGd,KAAK,CAACe,MAAM,EAAO;EAE1C,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,OAAO,CAAC,MAAML,IAAI,GAAG,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACrD,MAAMM,UAAU,GAAGlB,KAAK,CAACiB,OAAO,CAC9B,MAAM,CAAC,KAAK,EAAE,KAAK,EAAEX,YAAY,GAAG,GAAG,CAAC,EACxC,EAAE,CACH;EAEDN,KAAK,CAACmB,SAAS,CAAC,MAAM;IAAA;IACpBL,cAAc,aAAdA,cAAc,gDAAdA,cAAc,CAAEM,OAAO,0DAAvB,sBAAyBC,MAAM,CAACH,UAAU,CAACI,MAAM,GAAGN,OAAO,CAAC;IAC5D;EACF,CAAC,EAAE,CAACA,OAAO,EAAEJ,IAAI,EAAEM,UAAU,CAAC,CAAC;EAE/B,IAAIN,IAAI,KAAK,CAAC,CAAC,EAAE;IACf,oBAAO,yCAAK;EACd;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAEW,MAAM,CAACC;EAAU,gBAC5B,oBAAC,iBAAiB;IAChB,GAAG,EAAEV,cAAe;IACpB,aAAa,EAAC,YAAY;IAC1B,UAAU,EAAEI,UAAW;IACvB,gBAAgB,EAAE,CAAE;IACpB,YAAY,EAAE,mBACZ,oBAAC,IAAI;MAAC,KAAK,EAAEK,MAAM,CAACE;IAAO,gBACzB,oBAAC,IAAI;MAAC,KAAK,EAAEF,MAAM,CAACG;IAAY,EAAG,CAErC;IACF,qBAAqB,EAAEH,MAAM,CAACI;EAAsB,gBAEpD,oBAAC,IAAI;IACH,KAAK,EAAE;MACL,GAAGJ,MAAM,CAACC,SAAS;MACnB,GAAGX,UAAU;MACbe,eAAe,EAAEZ,OAAO,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG;IAC7C;EAAE,GAEDL,QAAQ,CACJ,CACW,CACf;AAEX,CAAC;AAED,eAAeF,oBAAoB;AAEnC,MAAMc,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR,CAAC;EACDH,qBAAqB,EAAE;IACrBI,OAAO,EAAE;EACX,CAAC;EACDN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBJ,eAAe,EAAE,OAAO;IACxBK,eAAe,EAAE,EAAE;IACnBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDT,WAAW,EAAE;IACXU,KAAK,EAAE,EAAE;IACT5B,MAAM,EAAE,CAAC;IACToB,eAAe,EAAE,iBAAiB;IAClCS,YAAY,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAE,EAAE;IACXQ,cAAc,EAAE,QAAQ;IACxBX,eAAe,EAAE,OAAO;IACxBI,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+//@ts-ignore
+export { default as BottomSheet } from "./BottomSheet";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","BottomSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}

package/lib/module/components/RowHeadlineImageCaption.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sourceRoot":"../../src","sources":["RowHeadlineImageCaption.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAmD,cAAc;AAC9E,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,GAAG,MAAM,OAAO;AAYvB,MAAMC,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,GAAG;IACF,cAAc,EAAEA,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,KAAM;IACpC,aAAa,EAAEJ,MAAM,CAACK,MAAO;IAC7B,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,KAAK,EAAEE,KAAM;IACb,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,KAAK,EAAE;QACL,GAAGI,UAAU,CAACL,OAAO;QACrBU,KAAK,EAAEN,MAAM,CAACG,MAAM;QACpBI,UAAU,EAAE;MACd;IAAE,GAEDX,OAAO,CAEV;IACF,KAAK,EAAEE;EAAM,EACb;AAEN,CAAC;AAED,eAAeP,SAAS,CAACE,uBAAuB,CAAC"}
+{"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","createElement","titleTypeStyle","headline6","titleColor","strong","subtitleTypeStyle","body2","subtitleColor","medium","right","color","marginLeft"],"sourceRoot":"../../src","sources":["RowHeadlineImageCaption.js"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,GAAG,MAAM,OAAO;AACvB,MAAMC,uBAAuB,GAAG,QAAgF;EAAA,IAA/E;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC,KAAK;IAAEC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAAG,CAAC;EACvG,oBAAQZ,KAAK,CAACa,aAAa,CAACV,GAAG,EAAE;IAAEW,cAAc,EAAEF,UAAU,CAACG,SAAS;IAAEC,UAAU,EAAEL,MAAM,CAACM,MAAM;IAAEC,iBAAiB,EAAEN,UAAU,CAACO,KAAK;IAAEC,aAAa,EAAET,MAAM,CAACU,MAAM;IAAEhB,KAAK,EAAEA,KAAK;IAAEC,QAAQ,EAAEA,QAAQ;IAAEE,KAAK,EAAEA,KAAK;IAAEc,KAAK,EAAE,mBAAOtB,KAAK,CAACa,aAAa,CAACZ,IAAI,EAAE;MAAEQ,KAAK,EAAE;QAC5P,GAAGG,UAAU,CAACL,OAAO;QACrBgB,KAAK,EAAEZ,MAAM,CAACM,MAAM;QACpBO,UAAU,EAAE;MAChB;IAAE,CAAC,EAAEjB,OAAO,CAAE;IAAEE,KAAK,EAAEA;EAAM,CAAC,CAAC;AAC3C,CAAC;AACD,eAAeP,SAAS,CAACE,uBAAuB,CAAC"}

package/lib/module/components/Stepper.js

@@ -20,7 +20,7 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = useState(defaultValue ?? 0);
+  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
   const handlePlusOrMinus = type => {
     const newValue = type === "plus" ? value + 1 : value - 1;
@@ -69,5 +69,4 @@ const Stepper = _ref => {
   }));
 };
 export default withTheme(Stepper);
-//# sourceMappingURL=Stepper.js.mapheme(Stepper);
 //# sourceMappingURL=Stepper.js.map

package/lib/module/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"sourceRoot":"../../src","sources":["Stepper.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,IAAI,EAAEC,IAAI,QAAyC,cAAc;AAC1E,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAOC,UAAU,MAAM,cAAc;AAerC,MAAMC,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QAAQ;IACfC,GAAG,GAAGD,QAAQ;IACdE,KAAK,EAAEC,SAAS;IAChBC,YAAY;IACZC,KAAK;IACLC,SAAS;IACTC,QAAQ,GAAG,EAAE;IACbC,SAAS;IACTC,QAAQ;IACRC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW,CAAC;IAC7BC;EACF,CAAC;EACC,MAAM,CAACX,KAAK,EAAEY,QAAQ,CAAC,GAAGtB,QAAQ,CAACY,YAAY,IAAI,CAAC,CAAC;EAErD,MAAMW,YAAY,GAAIC,QAAgB,IAAKA,QAAQ,IAAIjB,GAAG,IAAIiB,QAAQ,IAAIf,GAAG;EAE7E,MAAMgB,iBAAiB,GAAIC,IAAsB,IAAK;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAM,GAAGhB,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC;IAExD,IAAIa,YAAY,CAACI,QAAQ,CAAC,EAAE;MAC1BL,QAAQ,CAACK,QAAQ,CAAC;MAClBV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,QAAQ,CAAC;IACtB;EACF,CAAC;EAED5B,SAAS,CAAC,MAAM;IACd,IACEY,SAAS,IAAI,IAAI,IACjBR,QAAQ,CAACQ,SAAS,CAAC,IACnBA,SAAS,KAAKD,KAAK,IACnBa,YAAY,CAACZ,SAAS,CAAC,EACvB;MACAW,QAAQ,CAACX,SAAS,CAAC;IACrB;IACA;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC;MAAEiB,aAAa,EAAE;IAAM,CAAC,EAAEf,KAAK;EAAE,gBAC7C,oBAAC,UAAU;IACT,IAAI,EAAEQ,IAAK;IACX,IAAI,EAAC,sBAAsB;IAC3B,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAO,CAAE;IAC1C,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKH,GAAI;IACxB,KAAK,EAAE;MAAEsB,OAAO,EAAEnB,KAAK,KAAKH,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,eAEF,oBAAC,IAAI;IACH,KAAK,EAAE,CACLa,UAAU,CAACU,KAAK,EAChB;MACEC,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEd,MAAM,CAACe,MAAM;MACpBC,gBAAgB,EAAE;IACpB,CAAC,EACDrB,SAAS;EACT,GAEDJ,KAAK,CACD,eAEP,oBAAC,UAAU;IACT,IAAI,EAAEW,IAAK;IACX,IAAI,EAAC,mBAAmB;IACxB,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAM,CAAE;IACzC,IAAI,EAAEV,QAAS;IACf,KAAK,EAAEC,SAAU;IACjB,QAAQ,EAAEN,KAAK,KAAKD,GAAI;IACxB,KAAK,EAAE;MAAEoB,OAAO,EAAEnB,KAAK,KAAKD,GAAG,GAAG,GAAG,GAAG;IAAE;EAAE,EAC5C,CACG;AAEX,CAAC;AAED,eAAeL,SAAS,CAACE,OAAO,CAAC"}
+{"version":3,"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","createElement","flexDirection","icon","onPress","size","color","disabled","opacity","body1","textAlign","alignSelf","medium","marginHorizontal"],"sourceRoot":"../../src","sources":["Stepper.js"],"mappings":"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"}

package/lib/module/index.js

@@ -29,6 +29,7 @@ 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";
 

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","Button","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","SVG","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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"}
+{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","Button","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","SVG","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","BottomSheet","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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"}

package/lib/module/mappings/BottomSheet.js

@@ -0,0 +1,14 @@
+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."
+    })
+  }
+};
+//# sourceMappingURL=BottomSheet.js.map

package/lib/module/mappings/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COMPONENT_TYPES","createNumberProp","StylesPanelSections","SEED_DATA","name","tag","category","container","stylesPanelSections","Background","Borders","Size","MarginsAndPaddings","Position","Effects","props","step","label","description"],"sourceRoot":"../../src","sources":["BottomSheet.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,gBAAgB,EAChBC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,QAAQ,EAAEN,eAAe,CAACO,SAAS;EACnCC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UAAU,EAC9BP,mBAAmB,CAACQ,OAAO,EAC3BR,mBAAmB,CAACS,IAAI,EACxBT,mBAAmB,CAACU,kBAAkB,EACtCV,mBAAmB,CAACW,QAAQ,EAC5BX,mBAAmB,CAACY,OAAO,CAC5B;EACDC,KAAK,EAAE;IACLC,IAAI,EAAEf,gBAAgB,CAAC;MACrBgB,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE;IACf,CAAC;EACH;AACF,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { BottomSheetProps } from "./types";
+declare const BottomSheetComponent: React.FC<BottomSheetProps>;
+export default BottomSheetComponent;
+//# sourceMappingURL=BottomSheet.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwCpD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { BottomSheetProps } from "./types";
+declare const BottomSheetComponent: React.FC<BottomSheetProps>;
+export default BottomSheetComponent;
+//# sourceMappingURL=BottomSheet.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiDpD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as BottomSheet } from "./BottomSheet";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheet/types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

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

@@ -29,6 +29,7 @@ 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/lib/typescript/src/index.d.ts.map

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

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

@@ -0,0 +1,20 @@
+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;
+        };
+    };
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-7121ab.2+7121abc",
+  "version": "46.4.4-746597.2+746597b",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,8 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-7121ab.2+7121abc",
+    "@draftbit/types": "^46.4.4-746597.2+746597b",
+    "@gorhom/bottom-sheet": "4.4.5",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -54,6 +55,7 @@
     "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"
@@ -81,5 +83,5 @@
       ]
     ]
   },
-  "gitHead": "7121abcea972ee3255a6732fa352bd1dca48469e"
+  "gitHead": "746597b77ca127593563f0e72176dce387637c03"
 }

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1,90 @@
+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

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

package/src/components/BottomSheet/index.tsx

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

package/src/components/BottomSheet/types.js

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

package/src/components/BottomSheet/types.tsx

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

package/src/index.js

@@ -29,6 +29,7 @@ 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,6 +34,7 @@ export {
   ActionSheetCancel,
 } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
+export { BottomSheet } from "./components/BottomSheet";
 
 export {
   Center,

package/src/mappings/BottomSheet.js

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,25 @@
+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.",
+    }),
+  },
+};