@draftbit/core 46.7.8-5681f1.2 → 46.7.8-9c448b.2

package/lib/commonjs/components/DeckSwiper/DeckSwiper.js

@@ -30,7 +30,7 @@ const DeckSwiper = _ref => {
    * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
    *
    * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
    * This effectivley makes the default height of the container be the height of the first card
    */
 

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _theming = require("../theming");
 var _Touchable = _interopRequireDefault(require("./Touchable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -27,21 +28,6 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }],
-    ...rest
-  }, children);
-};
-var _default = (0, _theming.withTheme)(Card);
-exports.default = _default;s,
-    style,
-    ...rest
-  } = _ref;
-  const width = getWidth(numColumns);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/module/components/AvatarEdit.js

@@ -1,3 +1,4 @@
+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";
@@ -22,10 +23,9 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, dimensions],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [style, dimensions]
+  }, rest), /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -46,15 +46,4 @@ 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/Banner.js

@@ -1,3 +1,4 @@
+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 { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -60,6 +61,7 @@ const Banner = _ref => {
       measured: true
     });
   };
+
   // The banner animation has 2 parts:
   // 1. Blank spacer element which animates its height to move the content
   // 2. Actual banner which animates its translateY
@@ -69,10 +71,9 @@ const Banner = _ref => {
   // However we can't animated banner's height directly as it'll also resize the content inside
   const height = Animated.multiply(position, layout.height);
   const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-  return /*#__PURE__*/React.createElement(Surface, {
-    ...rest,
+  return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
     style: [styles.container, shadow(ELEVATION), style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: {
@@ -153,26 +154,4 @@ const styles = StyleSheet.create({
     margin: 8
   }
 });
-export default withTheme(Banner);
-  },
-  content: {
-    flexDirection: "row",
-    justifyContent: "flex-start",
-    marginHorizontal: 8,
-    marginTop: 16,
-    marginBottom: 0
-  },
-  icon: {
-    margin: 8
-  },
-  message: {
-    flex: 1,
-    margin: 8
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    margin: 8
-  }
-});
 export default withTheme(Banner);

package/lib/module/components/Button.js

@@ -1,3 +1,4 @@
+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 { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
@@ -52,7 +53,7 @@ function Base(_ref) {
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     disabled: disabled || loading,
     style: _ref2 => {
       let {
@@ -61,9 +62,8 @@ function Base(_ref) {
       return [styles.base, {
         opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
       }, buttonStyles];
-    },
-    ...props
-  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    }
+  }, props), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -82,14 +82,13 @@ const Solid = _ref3 => {
     theme,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Base, {
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style],
-    ...props
-  });
+    }, style]
+  }, props));
 };
 const ButtonSolid = withTheme(Solid);
 export { ButtonSolid };
@@ -101,14 +100,13 @@ const Outline = _ref4 => {
     theme,
     ...props
   } = _ref4;
-  return /*#__PURE__*/React.createElement(Base, {
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style],
-    ...props
-  });
+    }, style]
+  }, props));
 };
 const ButtonOutline = withTheme(Outline);
 export { ButtonOutline };
@@ -155,25 +153,4 @@ const styles = StyleSheet.create({
       }
     })
   }
-});or: "transparent",
-    padding: 0,
-    minHeight: undefined
-  },
-  loading: {
-    marginRight: 6
-  },
-  icon: {
-    ...Platform.select({
-      web: {
-        marginTop: 1,
-        marginRight: 4,
-        alignSelf: "center"
-      },
-      default: {
-        marginBottom: 2,
-        marginRight: 4,
-        alignSelf: "center"
-      }
-    })
-  }
 });

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

@@ -1,3 +1,4 @@
+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";
@@ -22,22 +23,7 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  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({
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/CircularProgress.js

@@ -1,24 +1,27 @@
+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); }
 import React from "react";
 import { View } from "react-native";
 import { Svg, Path, G } from "react-native-svg";
 class CircularProgress extends React.Component {
   constructor() {
     super(...arguments);
-    this.polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
+    _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
       var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
       return {
         x: centerX + radius * Math.cos(angleInRadians),
         y: centerY + radius * Math.sin(angleInRadians)
       };
-    };
-    this.circlePath = (x, y, radius, startAngle, endAngle) => {
+    });
+    _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
       var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
       var end = this.polarToCartesian(x, y, radius, startAngle);
       var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
       var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
       return d.join(" ");
-    };
-    this.clampFill = fill => Math.min(100, Math.max(0, fill));
+    });
+    _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
   }
   render() {
     const {
@@ -98,27 +101,4 @@ class CircularProgress extends React.Component {
     }, children(fill)));
   }
 }
-export default CircularProgress;eElement(G, {
-      rotation: rotation,
-      originX: (size + padding) / 2,
-      originY: (size + padding) / 2
-    }, backgroundColor && /*#__PURE__*/React.createElement(Path, {
-      d: backgroundPath,
-      stroke: backgroundColor,
-      strokeWidth: backgroundWidth || width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayBackground,
-      fill: "transparent"
-    }), fill > 0 && /*#__PURE__*/React.createElement(Path, {
-      d: circlePathItem,
-      stroke: tintColor,
-      strokeWidth: width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayTint,
-      fill: "transparent"
-    }), cap)), children && /*#__PURE__*/React.createElement(View, {
-      style: localChildrenContainerStyle
-    }, children(fill)));
-  }
-}
 export default CircularProgress;

package/lib/module/components/DeckSwiper/DeckSwiper.js

@@ -23,7 +23,7 @@ const DeckSwiper = _ref => {
    * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
    *
    * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
    * This effectivley makes the default height of the container be the height of the first card
    */
 

package/lib/module/components/DeprecatedCardWrapper.js

@@ -1,3 +1,4 @@
+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";
@@ -12,24 +13,6 @@ 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/Divider.js

@@ -1,24 +1,7 @@
+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 { StyleSheet, View } from "react-native";
 import { withTheme } from "../theming";
-const Divider = _ref => {
-  let {
-    style,
-    color,
-    theme: {
-      colors
-    },
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: StyleSheet.hairlineWidth
-    }, style],
-    ...rest
-  });
-};
-export default withTheme(Divider);ing";
 const Divider = _ref => {
   let {
     style,

package/lib/module/components/FAB.js

@@ -1,3 +1,4 @@
+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, Pressable, ActivityIndicator, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -24,7 +25,7 @@ const FAB = _ref => {
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, {
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -42,9 +43,8 @@ const FAB = _ref => {
         borderRadius: size / 2,
         backgroundColor
       }];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: size > 50 ? {
       marginTop: 2,
       marginLeft: 2
@@ -70,22 +70,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(FAB);  name: iconName,
-    size: size,
-    color: color
-  }))));
-};
-const styles = StyleSheet.create({
-  button: {
-    backgroundColor: "#5a45ff",
-    justifyContent: "center",
-    alignItems: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
 export default withTheme(FAB);

package/lib/module/components/FieldSearchBarFull.js

@@ -46,6 +46,7 @@ const FieldSearchBarFull = _ref => {
     lineHeight,
     ...typeStyles
   } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
+
   const handleChangeText = newValue => {
     setInternalValue(newValue);
     if (onChange) {
@@ -83,4 +84,4 @@ const styles = StyleSheet.create({
     alignItems: "center"
   }
 });
-export default withTheme(FieldSearchBarFull);;
+export default withTheme(FieldSearchBarFull);

package/lib/module/components/FormRow.js

@@ -1,3 +1,4 @@
+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 { Text, StyleSheet } from "react-native";
 import { extractStyles } from "../utilities";
@@ -16,27 +17,11 @@ export default function FormRow(_ref) {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     disabled: disabled,
     onPress: onPress,
     style: [styles.row, {
       flexDirection: direction
-    }, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: textStyles
-  }, label), children);
-}
-const styles = StyleSheet.create({
-  row: {
-    marginLeft: 8,
-    marginRight: 8,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  }
-});styles.row, {
-      flexDirection: direction
     }, viewStyles]
   }, rest), /*#__PURE__*/React.createElement(Text, {
     style: textStyles

package/lib/module/components/Image.js

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

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

@@ -1,3 +1,4 @@
+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 { Picker as NativePicker } from "@react-native-picker/picker";
@@ -7,6 +8,7 @@ import { extractStyles } from "../../utilities";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 const Picker = _ref => {
+  var _options$find$label, _options$find;
   let {
     style,
     options,
@@ -16,7 +18,6 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
-  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -61,7 +62,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  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);
+  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);
   return /*#__PURE__*/React.createElement(Touchable, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -84,25 +85,6 @@ 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/ProgressBar.js

@@ -1,3 +1,7 @@
+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); }
 import React, { Component } from "react";
 import { Animated, Easing, View, I18nManager } from "react-native";
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -5,7 +9,7 @@ const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_
 export default class ProgressBar extends Component {
   constructor(props) {
     super(props);
-    this.handleLayout = event => {
+    _defineProperty(this, "handleLayout", event => {
       const {
         width = 150,
         onLayout
@@ -18,7 +22,7 @@ export default class ProgressBar extends Component {
       if (onLayout) {
         onLayout(event);
       }
-    };
+    });
     const {
       progress: progressP = 0,
       indeterminate = false
@@ -66,6 +70,7 @@ export default class ProgressBar extends Component {
           ...animationConfig,
           toValue: progress,
           velocity: 0,
+          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -134,43 +139,6 @@ export default class ProgressBar extends Component {
         })
       }]
     };
-    return /*#__PURE__*/React.createElement(View, {
-      style: [containerStyle, style],
-      onLayout: this.handleLayout,
-      ...restProps
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: progressStyle
-    }), children);
-  }
-}   width,
-      borderWidth,
-      borderColor: borderColor || color,
-      borderRadius,
-      overflow: "hidden",
-      backgroundColor: unfilledColor
-    };
-    const progressStyle = {
-      backgroundColor: color,
-      // Always take up full height of container.
-      height: "100%",
-      transform: [{
-        translateX: this.state.animationValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
-        })
-      }, {
-        translateX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0]
-        })
-      }, {
-        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-        scaleX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.0001, 1]
-        })
-      }]
-    };
     return /*#__PURE__*/React.createElement(View, _extends({
       style: [containerStyle, style],
       onLayout: this.handleLayout

package/lib/module/components/ScreenContainer.js

@@ -1,3 +1,4 @@
+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 { StyleSheet, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -21,13 +22,12 @@ function ScreenContainer(_ref) {
   if (hasSafeArea || hasBottomSafeArea) {
     edges.push("bottom");
   }
-  return /*#__PURE__*/React.createElement(SafeAreaView, {
+  return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
     edges: edges,
     style: [styles.container, {
       backgroundColor
-    }],
-    ...rest
-  }, scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
+    }]
+  }, rest), scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
     contentContainerStyle: [styles.scrollViewContainer, {
       backgroundColor
     }, style]
@@ -46,21 +46,4 @@ const styles = StyleSheet.create({
     flex: undefined
   }
 });
-export default withTheme(ScreenContainer);olor
-    }, style]
-  }, children) : /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor
-    }, style]
-  }, children));
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  scrollViewContainer: {
-    flexGrow: 1,
-    flex: undefined
-  }
-});
 export default withTheme(ScreenContainer);

package/lib/module/components/StarRating.js

@@ -1,3 +1,4 @@
+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, Pressable } from "react-native";
 import { withTheme } from "../theming";
@@ -31,10 +32,9 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style],
-    ...rest
-  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [styles.container, style]
+  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
     key: i,
     style: {
       display: "flex"
@@ -74,24 +74,4 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
-export default withTheme(StarRating);ntainer: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  touchContainer: {
-    display: "flex",
-    flexDirection: "row",
-    position: "absolute",
-    top: 0,
-    right: 0,
-    left: 0,
-    bottom: 0,
-    zIndex: 1
-  },
-  pressable: {
-    flex: 1,
-    height: "100%",
-    width: "50%"
-  }
-});
 export default withTheme(StarRating);

package/lib/module/components/Text.js

@@ -1,56 +1,10 @@
+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); }
 import * as React from "react";
 import { Text as NativeText, I18nManager } from "react-native";
 import { withTheme } from "../theming";
-class Text extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      nativeProps: {}
-    };
-  }
-  setNativeProps(args) {
-    this.state.nativeProps = args || {};
-  }
-  render() {
-    const {
-      style,
-      ...rest
-    } = this.props;
-    const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(NativeText, {
-      ...rest,
-      ...this.state.nativeProps,
-      ref: c => {
-        this._root = c;
-      },
-      style: [{
-        textAlign: "left",
-        writingDirection
-      }, style]
-    });
-  }
-}
-export const BaseLink = _ref => {
-  let {
-    style,
-    theme,
-    title,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Text, {
-    hitSlop: 8,
-    style: [{
-      color: theme.colors.primary
-    }, style],
-    theme: theme,
-    ...props
-  }, title);
-};
-const Link = withTheme(BaseLink);
-export { Link };
-export default withTheme(Text); as React from "react";
-import { Text as NativeText, I18nManager } from "react-native";
-import { withTheme } from "../theming";
 class Text extends React.Component {
   constructor() {
     super(...arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.7.8-5681f1.2+5681f19",
+  "version": "46.7.8-9c448b.2+9c448bf",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.7.8-5681f1.2+5681f19",
+    "@draftbit/types": "^46.7.8-9c448b.2+9c448bf",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -92,5 +92,5 @@
       ]
     ]
   },
-  "gitHead": "5681f195c4eae45825ace461b3f441aaa6374482"
+  "gitHead": "9c448bf73613d11fc61192e808a40f0ad86fa502"
 }

package/src/components/DeckSwiper/DeckSwiper.js

@@ -10,7 +10,7 @@ const DeckSwiper = ({ onIndexChanged, onEndReached, startCardIndex = 0, infinite
      * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
      *
      * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
      * This effectivley makes the default height of the container be the height of the first card
      */
     return (React.createElement(View, null,

package/src/components/DeckSwiper/DeckSwiper.tsx

@@ -40,7 +40,7 @@ const DeckSwiper: React.FC<React.PropsWithChildren<DeckSwiperProps>> = ({
    * To overcome this, it is wrapped in a View to be able to add the component in any layout structure
    *
    * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird
-   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+   * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space
    * This effectivley makes the default height of the container be the height of the first card
    */