@draftbit/core 46.10.3-7db6c9.2 → 46.10.3-84bbff.2

package/lib/module/components/AvatarEdit.js

@@ -1,4 +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 { View } from "react-native";
 import Touchable from "./Touchable";
@@ -23,9 +22,10 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, dimensions],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -46,4 +46,15 @@ const AvatarEdit = _ref => {
     size: size * (3 / 16)
   }))));
 };
+export default withTheme(AvatarEdit);yles.editBorderColor,
+      backgroundColor: colorStyles.editBackgroundColor,
+      borderRadius: size * (3 / 16),
+      padding: size * (3 / 32)
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "MaterialIcons/edit",
+    color: colorStyles.editIconColor,
+    size: size * (3 / 16)
+  }))));
+};
 export default withTheme(AvatarEdit);

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

@@ -1,13 +1,8 @@
-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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Slightly modfied version as taken from https://github.com/rgommezz/react-native-scroll-bottom-sheet
  * Main previously breaking change:
  * const node = this.props.innerRef.current?.getNode() ==> const node = this.props.innerRef.current as any
  */
-
 /**
  * Copyright (c) 2020 Raul Gomez Acuna
  *
@@ -15,7 +10,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
  * LICENSE file in the root directory of this source tree.
  *
  */
-
 import React, { Component } from "react";
 import { Dimensions, FlatList, Platform, ScrollView, SectionList, StyleSheet, View } from "react-native";
 import Animated, { abs, add, and, call, Clock, clockRunning, cond, Easing as EasingDeprecated,
@@ -81,85 +75,42 @@ const imperativeScrollOptions = {
   }
 };
 export class ScrollBottomSheet extends Component {
-  /**
-   * Gesture Handler references
-   */
-
-  /**
-   * ScrollView prop
-   */
-
-  /**
-   * Pan gesture handler events for drawer handle and content
-   */
-
-  /**
-   * Main Animated Value that drives the top position of the UI drawer at any point in time
-   */
-
-  /**
-   * Animated value that keeps track of the position: 0 => closed, 1 => opened
-   */
-
-  /**
-   * Flag to indicate imperative snapping
-   */
-
-  /**
-   * Manual snapping amount
-   */
-
-  /**
-   * Keeps track of the current index
-   */
-
-  /**
-   * Deceleration rate of the scroll component. This is used only on Android to
-   * compensate the unexpected glide it gets sometimes.
-   */
-
   constructor(props) {
-    var _props$animationConfi, _this;
+    var _this;
+    var _a;
     super(props);
     _this = this;
-    _defineProperty(this, "masterDrawer", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "drawerHandleRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "drawerContentRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "scrollComponentRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "onScrollBeginDrag", void 0);
-    _defineProperty(this, "onHandleGestureEvent", void 0);
-    _defineProperty(this, "onDrawerGestureEvent", void 0);
-    _defineProperty(this, "translateY", void 0);
-    _defineProperty(this, "position", void 0);
-    _defineProperty(this, "isManuallySetValue", new Value(0));
-    _defineProperty(this, "manualYOffset", new Value(0));
-    _defineProperty(this, "nextSnapIndex", void 0);
-    _defineProperty(this, "decelerationRate", void 0);
-    _defineProperty(this, "prevSnapIndex", -1);
-    _defineProperty(this, "dragY", new Value(0));
-    _defineProperty(this, "prevDragY", new Value(0));
-    _defineProperty(this, "tempDestSnapPoint", new Value(0));
-    _defineProperty(this, "isAndroid", new Value(Number(Platform.OS === "android")));
-    _defineProperty(this, "animationClock", new Clock());
-    _defineProperty(this, "animationPosition", new Value(0));
-    _defineProperty(this, "animationFinished", new Value(0));
-    _defineProperty(this, "animationFrameTime", new Value(0));
-    _defineProperty(this, "velocityY", new Value(0));
-    _defineProperty(this, "lastStartScrollY", new Value(0));
-    _defineProperty(this, "prevTranslateYOffset", void 0);
-    _defineProperty(this, "translationY", void 0);
-    _defineProperty(this, "destSnapPoint", new Value(0));
-    _defineProperty(this, "lastSnap", void 0);
-    _defineProperty(this, "dragWithHandle", new Value(0));
-    _defineProperty(this, "scrollUpAndPullDown", new Value(0));
-    _defineProperty(this, "didGestureFinish", void 0);
-    _defineProperty(this, "didScrollUpAndPullDown", void 0);
-    _defineProperty(this, "setTranslationY", void 0);
-    _defineProperty(this, "extraOffset", void 0);
-    _defineProperty(this, "calculateNextSnapPoint", void 0);
-    _defineProperty(this, "scrollComponent", void 0);
-    _defineProperty(this, "convertPercentageToDp", str => Number(str.split("%")[0]) * (windowHeight - this.props.topInset) / 100);
-    _defineProperty(this, "getNormalisedSnapPoints", () => {
+    /**
+     * Gesture Handler references
+     */
+    this.masterDrawer = /*#__PURE__*/React.createRef();
+    this.drawerHandleRef = /*#__PURE__*/React.createRef();
+    this.drawerContentRef = /*#__PURE__*/React.createRef();
+    this.scrollComponentRef = /*#__PURE__*/React.createRef();
+    /**
+     * Flag to indicate imperative snapping
+     */
+    this.isManuallySetValue = new Value(0);
+    /**
+     * Manual snapping amount
+     */
+    this.manualYOffset = new Value(0);
+    this.prevSnapIndex = -1;
+    this.dragY = new Value(0);
+    this.prevDragY = new Value(0);
+    this.tempDestSnapPoint = new Value(0);
+    this.isAndroid = new Value(Number(Platform.OS === "android"));
+    this.animationClock = new Clock();
+    this.animationPosition = new Value(0);
+    this.animationFinished = new Value(0);
+    this.animationFrameTime = new Value(0);
+    this.velocityY = new Value(0);
+    this.lastStartScrollY = new Value(0);
+    this.destSnapPoint = new Value(0);
+    this.dragWithHandle = new Value(0);
+    this.scrollUpAndPullDown = new Value(0);
+    this.convertPercentageToDp = str => Number(str.split("%")[0]) * (windowHeight - this.props.topInset) / 100;
+    this.getNormalisedSnapPoints = () => {
       return this.props.snapPoints.map(p => {
         if (typeof p === "string") {
           return this.convertPercentageToDp(p);
@@ -168,8 +119,8 @@ export class ScrollBottomSheet extends Component {
         }
         throw new Error("Invalid type for value ".concat(p, ": ").concat(typeof p, ". It should be either a percentage string or a number"));
       });
-    });
-    _defineProperty(this, "getScrollComponent", () => {
+    };
+    this.getScrollComponent = () => {
       switch (this.props.componentType) {
         case "FlatList":
           return FlatList;
@@ -180,33 +131,32 @@ export class ScrollBottomSheet extends Component {
         default:
           throw new Error("Component type not supported: it should be one of `FlatList`, `ScrollView` or `SectionList`");
       }
-    });
-    _defineProperty(this, "snapTo", index => {
+    };
+    this.snapTo = index => {
       const snapPoints = this.getNormalisedSnapPoints();
       this.isManuallySetValue.setValue(1);
       this.manualYOffset.setValue(snapPoints[index]);
       this.nextSnapIndex.setValue(index);
-    });
+    };
     const {
       initialSnapIndex,
       animationType
     } = props;
     const animationDriver = animationType === "timing" ? 0 : 1;
-    const animationDuration = props.animationType === "timing" && ((_props$animationConfi = props.animationConfig) === null || _props$animationConfi === void 0 ? void 0 : _props$animationConfi.duration) || DEFAULT_ANIMATION_DURATION;
+    const animationDuration = props.animationType === "timing" && ((_a = props.animationConfig) === null || _a === void 0 ? void 0 : _a.duration) || DEFAULT_ANIMATION_DURATION;
     const ScrollComponent = this.getScrollComponent();
     // @ts-ignore
     this.scrollComponent = Animated.createAnimatedComponent(ScrollComponent);
-    const _snapPoints = this.getNormalisedSnapPoints();
-    const openPosition = _snapPoints[0];
-    const closedPosition = this.props.enableOverScroll ? windowHeight : _snapPoints[_snapPoints.length - 1];
-    const initialSnap = _snapPoints[initialSnapIndex];
+    const snapPoints = this.getNormalisedSnapPoints();
+    const openPosition = snapPoints[0];
+    const closedPosition = this.props.enableOverScroll ? windowHeight : snapPoints[snapPoints.length - 1];
+    const initialSnap = snapPoints[initialSnapIndex];
     this.nextSnapIndex = new Value(initialSnapIndex);
     const initialDecelerationRate = Platform.select({
       android: props.initialSnapIndex === 0 ? ANDROID_NORMAL_DECELERATION_RATE : 0,
       ios: IOS_NORMAL_DECELERATION_RATE
     });
     this.decelerationRate = new Value(initialDecelerationRate);
-
     //@ts-ignore
     const handleGestureState = new Value(-1);
     //@ts-ignore
@@ -245,29 +195,27 @@ export class ScrollBottomSheet extends Component {
     const didHandleGestureBegin = eq(handleGestureState, GestureState.ACTIVE);
     const isAnimationInterrupted = and(or(eq(handleGestureState, GestureState.BEGAN), eq(drawerGestureState, GestureState.BEGAN), and(eq(this.isAndroid, 0), eq(animationDriver, 1), or(eq(drawerGestureState, GestureState.ACTIVE), eq(handleGestureState, GestureState.ACTIVE)))), clockRunning(this.animationClock));
     this.didGestureFinish = or(and(eq(handleOldGestureState, GestureState.ACTIVE), eq(handleGestureState, GestureState.END)), and(eq(drawerOldGestureState, GestureState.ACTIVE), eq(drawerGestureState, GestureState.END)));
-
     // Function that determines if the last snap point is in the range {snapPoints}
     // In the case of interruptions in the middle of an animation, we'll get
     // lastSnap values outside the range
     const isLastSnapPointInRange = function () {
       let i = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      return i === _snapPoints.length ? lastSnapInRange : cond(eq(_this.lastSnap, _snapPoints[i]), [set(lastSnapInRange, 1)], isLastSnapPointInRange(i + 1));
+      return i === snapPoints.length ? lastSnapInRange : cond(eq(_this.lastSnap, snapPoints[i]), [set(lastSnapInRange, 1)], isLastSnapPointInRange(i + 1));
     };
-    const scrollY = [set(lastSnapInRange, 0), isLastSnapPointInRange(), cond(or(didHandleGestureBegin, and(this.isManuallySetValue, not(eq(this.manualYOffset, _snapPoints[0])))), [set(this.dragWithHandle, 1), 0]), cond(
+    const scrollY = [set(lastSnapInRange, 0), isLastSnapPointInRange(), cond(or(didHandleGestureBegin, and(this.isManuallySetValue, not(eq(this.manualYOffset, snapPoints[0])))), [set(this.dragWithHandle, 1), 0]), cond(
     // This is to account for a continuous scroll on the drawer from a snap point
     // Different than top, bringing the drawer to the top position, so that if we
     // change scroll direction without releasing the gesture, it doesn't pull down the drawer again
-    and(eq(this.dragWithHandle, 1), greaterThan(_snapPoints[0], add(this.lastSnap, this.dragY)), and(not(eq(this.lastSnap, _snapPoints[0])), lastSnapInRange)), [set(this.lastSnap, _snapPoints[0]), set(this.dragWithHandle, 0), this.lastStartScrollY], cond(eq(this.dragWithHandle, 1), 0, this.lastStartScrollY))];
+    and(eq(this.dragWithHandle, 1), greaterThan(snapPoints[0], add(this.lastSnap, this.dragY)), and(not(eq(this.lastSnap, snapPoints[0])), lastSnapInRange)), [set(this.lastSnap, snapPoints[0]), set(this.dragWithHandle, 0), this.lastStartScrollY], cond(eq(this.dragWithHandle, 1), 0, this.lastStartScrollY))];
     this.didScrollUpAndPullDown = cond(and(greaterOrEq(this.dragY, this.lastStartScrollY), greaterThan(this.lastStartScrollY, 0)), set(this.scrollUpAndPullDown, 1));
     this.setTranslationY = cond(and(not(this.dragWithHandle), not(greaterOrEq(this.dragY, this.lastStartScrollY))), set(this.translationY, sub(this.dragY, this.lastStartScrollY)), set(this.translationY, this.dragY));
     this.extraOffset = cond(eq(this.scrollUpAndPullDown, 1), this.lastStartScrollY, 0);
     const endOffsetY = add(this.lastSnap, this.translationY, multiply(1 - props.friction, this.velocityY));
     this.calculateNextSnapPoint = function () {
       let i = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      return i === _snapPoints.length ? _this.tempDestSnapPoint : cond(greaterThan(abs(sub(_this.tempDestSnapPoint, endOffsetY)), abs(sub(add(_snapPoints[i], _this.extraOffset), endOffsetY))), [set(_this.tempDestSnapPoint, add(_snapPoints[i], _this.extraOffset)), set(_this.nextSnapIndex, i), _this.calculateNextSnapPoint(i + 1)], _this.calculateNextSnapPoint(i + 1));
+      return i === snapPoints.length ? _this.tempDestSnapPoint : cond(greaterThan(abs(sub(_this.tempDestSnapPoint, endOffsetY)), abs(sub(add(snapPoints[i], _this.extraOffset), endOffsetY))), [set(_this.tempDestSnapPoint, add(snapPoints[i], _this.extraOffset)), set(_this.nextSnapIndex, i), _this.calculateNextSnapPoint(i + 1)], _this.calculateNextSnapPoint(i + 1));
     };
     const runAnimation = _ref => {
-      var _props$animationConfi2;
       let {
         clock,
         from,
@@ -277,6 +225,7 @@ export class ScrollBottomSheet extends Component {
         velocity,
         frameTime
       } = _ref;
+      var _a;
       const state = {
         finished,
         velocity: new Value(0),
@@ -286,7 +235,7 @@ export class ScrollBottomSheet extends Component {
       };
       const timingConfig = {
         duration: animationDuration,
-        easing: props.animationType === "timing" && ((_props$animationConfi2 = props.animationConfig) === null || _props$animationConfi2 === void 0 ? void 0 : _props$animationConfi2.easing) || DEFAULT_EASING,
+        easing: props.animationType === "timing" && ((_a = props.animationConfig) === null || _a === void 0 ? void 0 : _a.easing) || DEFAULT_EASING,
         toValue: new Value(0)
       };
       const springConfig = {
@@ -302,14 +251,14 @@ export class ScrollBottomSheet extends Component {
       //@ts-ignore
       timing(clock, state, timingConfig), spring(clock, state, springConfig)), cond(state.finished, [call([this.nextSnapIndex], _ref2 => {
         let [value] = _ref2;
+        var _a, _b;
         if (value !== this.prevSnapIndex) {
-          var _this$props$onSettle, _this$props;
-          (_this$props$onSettle = (_this$props = this.props).onSettle) === null || _this$props$onSettle === void 0 ? void 0 : _this$props$onSettle.call(_this$props, value);
+          (_b = (_a = this.props).onSettle) === null || _b === void 0 ? void 0 : _b.call(_a, value);
         }
         this.prevSnapIndex = value;
       }),
       // Resetting appropriate values
-      set(drawerOldGestureState, GestureState.END), set(handleOldGestureState, GestureState.END), set(this.prevTranslateYOffset, state.position), cond(eq(this.scrollUpAndPullDown, 1), [set(this.prevTranslateYOffset, sub(this.prevTranslateYOffset, this.lastStartScrollY)), set(this.lastStartScrollY, 0), set(this.scrollUpAndPullDown, 0)]), cond(eq(this.destSnapPoint, _snapPoints[0]), [set(this.dragWithHandle, 0)]), set(this.isManuallySetValue, 0), set(this.manualYOffset, 0), stopClock(clock), this.prevTranslateYOffset],
+      set(drawerOldGestureState, GestureState.END), set(handleOldGestureState, GestureState.END), set(this.prevTranslateYOffset, state.position), cond(eq(this.scrollUpAndPullDown, 1), [set(this.prevTranslateYOffset, sub(this.prevTranslateYOffset, this.lastStartScrollY)), set(this.lastStartScrollY, 0), set(this.scrollUpAndPullDown, 0)]), cond(eq(this.destSnapPoint, snapPoints[0]), [set(this.dragWithHandle, 0)]), set(this.isManuallySetValue, 0), set(this.manualYOffset, 0), stopClock(clock), this.prevTranslateYOffset],
       // We made the block return the updated position,
       state.position)];
     };
@@ -338,7 +287,7 @@ export class ScrollBottomSheet extends Component {
       extrapolate: Extrapolate.CLAMP
     });
     this.position = interpolate(this.translateY, {
-      inputRange: [openPosition, _snapPoints[_snapPoints.length - 1]],
+      inputRange: [openPosition, snapPoints[snapPoints.length - 1]],
       outputRange: [1, 0],
       extrapolate: Extrapolate.CLAMP
     });
@@ -379,28 +328,92 @@ export class ScrollBottomSheet extends Component {
       ref: this.scrollComponentRef,
       waitFor: this.masterDrawer,
       simultaneousHandlers: this.drawerContentRef
-    }, /*#__PURE__*/React.createElement(AnimatedScrollableComponent, _extends({
+    }, /*#__PURE__*/React.createElement(AnimatedScrollableComponent, {
       overScrollMode: "never",
-      bounces: false
-    }, rest, {
-      ref: this.props.innerRef
+      bounces: false,
+      ...rest,
+      ref: this.props.innerRef,
       // @ts-ignore
-      ,
       decelerationRate: this.decelerationRate,
       onScrollBeginDrag: this.onScrollBeginDrag,
       scrollEventThrottle: 1,
       contentContainerStyle: [rest.contentContainerStyle, {
         paddingBottom: this.getNormalisedSnapPoints()[0]
       }]
-    }))))), this.props.animatedPosition && /*#__PURE__*/React.createElement(Animated.Code, {
+    })))), this.props.animatedPosition && /*#__PURE__*/React.createElement(Animated.Code, {
       exec: onChange(this.position, set(this.props.animatedPosition, this.position))
     }), /*#__PURE__*/React.createElement(Animated.Code, {
       exec: onChange(this.dragY, cond(not(eq(this.dragY, 0)), set(this.prevDragY, this.dragY)))
     }), /*#__PURE__*/React.createElement(Animated.Code, {
       exec: onChange(this.didGestureFinish, cond(this.didGestureFinish, [this.didScrollUpAndPullDown, this.setTranslationY, set(this.tempDestSnapPoint, add(normalisedSnapPoints[0], this.extraOffset)), set(this.nextSnapIndex, 0), set(this.destSnapPoint, this.calculateNextSnapPoint()), cond(and(greaterThan(this.dragY, this.lastStartScrollY), this.isAndroid, not(this.dragWithHandle)), call([], () => {
-        var _this$props2, _this$props2$data;
+        var _a, _b;
         // This prevents the scroll glide from happening on Android when pulling down with inertia.
         // It's not perfect, but does the job for now
+        const {
+          method,
+          args
+        } = imperativeScrollOptions[this.props.componentType];
+        // @ts-ignore
+        const node = this.props.innerRef.current;
+        if (node && node[method] && (this.props.componentType === "FlatList" && (((_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0 || this.props.componentType === "SectionList" && this.props.sections.length > 0 || this.props.componentType === "ScrollView")) {
+          node[method](args);
+        }
+      })), set(this.dragY, 0), set(this.velocityY, 0), set(this.lastSnap, sub(this.destSnapPoint, cond(eq(this.scrollUpAndPullDown, 1), this.lastStartScrollY, 0))), call([this.lastSnap], _ref3 => {
+        let [value] = _ref3;
+        var _a, _b;
+        // This is the TapGHandler trick
+        // @ts-ignore
+        (_b = (_a = this.masterDrawer) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setNativeProps({
+          maxDeltaY: value - this.getNormalisedSnapPoints()[0]
+        });
+      }), set(this.decelerationRate, cond(eq(this.isAndroid, 1), cond(eq(this.lastSnap, normalisedSnapPoints[0]), ANDROID_NORMAL_DECELERATION_RATE, 0), IOS_NORMAL_DECELERATION_RATE))]))
+    }), /*#__PURE__*/React.createElement(Animated.Code, {
+      exec: onChange(this.isManuallySetValue, [cond(this.isManuallySetValue, [set(this.destSnapPoint, this.manualYOffset), set(this.animationFinished, 0), set(this.lastSnap, this.manualYOffset), call([this.lastSnap], _ref4 => {
+        let [value] = _ref4;
+        var _a, _b;
+        // This is the TapGHandler trick
+        // @ts-ignore
+        (_b = (_a = this.masterDrawer) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setNativeProps({
+          maxDeltaY: value - this.getNormalisedSnapPoints()[0]
+        });
+      })], [set(this.nextSnapIndex, 0)])])
+    }));
+    // On Android, having an intermediary view with pointerEvents="box-none", breaks the
+    // waitFor logic
+    if (Platform.OS === "android") {
+      return /*#__PURE__*/React.createElement(TapGestureHandler, {
+        maxDurationMs: 100000,
+        ref: this.masterDrawer,
+        maxDeltaY: initialSnap - this.getNormalisedSnapPoints()[0],
+        shouldCancelWhenOutside: false
+      }, Content);
+    }
+    // On iOS, We need to wrap the content on a view with PointerEvents box-none
+    // So that we can start scrolling automatically when reaching the top without
+    // Stopping the gesture
+    return /*#__PURE__*/React.createElement(TapGestureHandler, {
+      maxDurationMs: 100000,
+      ref: this.masterDrawer,
+      maxDeltaY: initialSnap - this.getNormalisedSnapPoints()[0]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: StyleSheet.absoluteFillObject,
+      pointerEvents: "box-none"
+    }, Content));
+  }
+}
+ScrollBottomSheet.defaultProps = {
+  topInset: 0,
+  friction: 0.95,
+  animationType: "timing",
+  innerRef: /*#__PURE__*/React.createRef(),
+  enableOverScroll: false
+};
+export default ScrollBottomSheet;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});   // It's not perfect, but does the job for now
         const {
           method,
           args

package/lib/module/components/Checkbox/CheckboxGroup.js

@@ -1,4 +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 { View } from "react-native";
 import { checkboxGroupContext, Direction } from "./context";
@@ -23,7 +22,22 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      minHeight: 40
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      values,
+      onValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: _containerStyle
+  }, children)));
+};
+export default CheckboxGroup;PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/DeprecatedButton.js

@@ -1,4 +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, Pressable } from "react-native";
 import color from "color";
@@ -75,7 +74,8 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,4 +114,22 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
+export default withTheme(Button);: 1,
+    style: [textStyle, typography.button]
+  }, 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);

package/lib/module/components/DeprecatedCardWrapper.js

@@ -1,4 +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 React from "react";
 import { withTheme } from "../theming";
 import Touchable from "./Touchable";
@@ -13,6 +12,24 @@ const getWidth = numColumns => {
   }
 };
 const Card = _ref => {
+  let {
+    numColumns = 3,
+    children,
+    onPress,
+    style,
+    ...rest
+  } = _ref;
+  const width = getWidth(numColumns);
+  return /*#__PURE__*/React.createElement(Touchable, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+export default withTheme(Card);ef => {
   let {
     numColumns = 3,
     children,

package/lib/module/components/Picker/PickerComponent.android.js

@@ -1,4 +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 { View, StyleSheet } from "react-native";
 import omit from "lodash.omit";
@@ -8,7 +7,6 @@ import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 const Picker = _ref => {
-  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -18,6 +16,7 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -62,7 +61,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -84,6 +83,25 @@ const Picker = _ref => {
     label: o.label,
     value: o.value,
     key: o.value
+  }))), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(TextField, {
+    ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+export default withTheme(Picker);y: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -1,4 +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 { View, StyleSheet } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -11,7 +10,6 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
 const Picker = _ref => {
-  var _options$find$label, _options$find;
   let {
     Icon,
     style,
@@ -25,6 +23,7 @@ const Picker = _ref => {
     },
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -65,26 +64,24 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleVisibility
-  }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(TextField, {
+    ...props,
     value: String(selectedLabel),
-    placeholder: placeholder
+    placeholder: placeholder,
     // @ts-ignore
-    ,
-    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
-    ,
+    ref: textField,
     disabled: disabled,
-    pointerEvents: "none"
+    pointerEvents: "none",
     // @ts-expect-error
-    ,
     style: stylesWithoutMargin,
     Icon: Icon
-  }))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+  })), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
     style: [styles.picker, {
       backgroundColor: colors.divider
     }]
@@ -128,4 +125,32 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
+export default withTheme(Picker);nValueChange
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  picker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  pickerContainer: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  closeButton: {
+    alignSelf: "flex-end"
+  }
+});
 export default withTheme(Picker);