@draftbit/core 46.2.4-7028ac.5 → 46.2.4-710cbc.10

package/lib/module/components/CardContainerShortImage.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -25,10 +23,11 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
+    onPress: onPress,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -76,4 +75,19 @@ const CardContainerShortImage = _ref => {
   }))));
 };
 
+export default withTheme(CardContainerShortImage);2, {
+      color: colors.medium,
+      marginTop: 4
+    }]
+  }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
+    style: {
+      aspectRatio
+    },
+    source: typeof image === "string" ? {
+      uri: image
+    } : image,
+    resizeMode: "cover"
+  }))));
+};
+
 export default withTheme(CardContainerShortImage);

package/lib/module/components/Carousel.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { withTheme } from "../theming";
 import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
@@ -33,8 +31,6 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
-  var _data$length;
-
   let {
     data,
     children,
@@ -42,9 +38,12 @@ function Carousel(_ref2) {
     style,
     ...rest
   } = _ref2;
+
+  var _a;
+
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
+  const itemsLength = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,
@@ -52,9 +51,10 @@ function Carousel(_ref2) {
   } = StyleSheet.flatten(style || {});
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -82,9 +82,9 @@ function Carousel(_ref2) {
       }]
     });
   }) : null, React.Children.map(children, child => {
-    var _child$props;
+    var _a;
 
-    const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
+    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: slideWidth
@@ -101,6 +101,31 @@ function Carousel(_ref2) {
   }));
 }
 
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#eee"
+  },
+  pager: {
+    position: "absolute",
+    bottom: 12,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  bullet: {
+    marginHorizontal: 2,
+    width: 10,
+    height: 10,
+    borderRadius: 20,
+    backgroundColor: "#000"
+  }
+});
+export default withTheme(Carousel);th
+  }));
+}
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: "#eee"

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

@@ -1,3 +1,5 @@
+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";
@@ -25,23 +27,7 @@ const CheckboxGroup = _ref => {
     });
   }
 
-  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/Checkbox/context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

package/lib/module/components/IconButton.js

@@ -1,3 +1,5 @@
+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, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -16,7 +18,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -30,9 +32,8 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -42,24 +43,6 @@ const IconButton = _ref => {
   }) : null));
 };
 
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-export default withTheme(IconButton);ement(ActivityIndicator, {
-    size: "small",
-    color: iconColor
-  }) : null));
-};
-
 const styles = StyleSheet.create({
   container: {
     alignItems: "center",

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

@@ -1,3 +1,5 @@
+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,6 +10,8 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 
 const Picker = _ref => {
+  var _options$find$label, _options$find;
+
   let {
     style,
     options,
@@ -17,9 +21,6 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
-
-  var _a, _b;
-
   const {
     viewStyles: {
       borderRadius,
@@ -66,7 +67,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,
@@ -88,25 +89,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); key: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {

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

@@ -1,3 +1,5 @@
+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";
@@ -8,6 +10,8 @@ import TextField from "../TextField";
 import Touchable from "../Touchable";
 
 const Picker = _ref => {
+  var _options$find$label, _options$find;
+
   let {
     style,
     options,
@@ -17,9 +21,6 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
-
-  var _a, _b;
-
   const {
     viewStyles: {
       borderRadius,
@@ -66,7 +67,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,
@@ -89,25 +90,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); key: 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React, { Component } from "react";
 import { Animated, Easing, View, I18nManager } from "react-native";
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
@@ -6,7 +10,7 @@ export default class ProgressBar extends Component {
   constructor(props) {
     super(props);
 
-    this.handleLayout = event => {
+    _defineProperty(this, "handleLayout", event => {
       const {
         width = 150,
         onLayout
@@ -21,7 +25,7 @@ export default class ProgressBar extends Component {
       if (onLayout) {
         onLayout(event);
       }
-    };
+    });
 
     const {
       progress: progressP = 0,
@@ -75,6 +79,7 @@ export default class ProgressBar extends Component {
         Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
+          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -145,27 +150,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);
-  }
-
-}te.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/Slider.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 import NativeSlider from "@react-native-community/slider";
@@ -73,9 +71,10 @@ function Slider(_ref) {
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -97,6 +96,24 @@ function Slider(_ref) {
   }) : null);
 }
 
+const styles = StyleSheet.create({
+  container: {
+    height: 40,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  slider: {
+    flex: 1,
+    marginHorizontal: 12
+  }
+});
+export default withTheme(Slider);Icon ? /*#__PURE__*/React.createElement(Icon, {
+    color: rightIconThemeColor,
+    name: rightIcon,
+    size: 24
+  }) : null);
+}
+
 const styles = StyleSheet.create({
   container: {
     height: 40,

package/lib/module/components/StarRating.js

@@ -1,3 +1,5 @@
+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";
@@ -32,10 +34,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"
@@ -56,7 +57,6 @@ const StarRating = _ref => {
 };
 
 const styles = StyleSheet.create({
-  //comment!
   container: {
     flexDirection: "row",
     alignItems: "center"
@@ -77,24 +77,4 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
-export default withTheme(StarRating);ontainer: {
-    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/Surface.js

@@ -1,3 +1,5 @@
+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); }
+
 /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 import * as React from "react";
 import { Animated, StyleSheet } from "react-native";
@@ -36,22 +38,6 @@ const Surface = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
-    style: [{
-      backgroundColor: getBackgroundColor(),
-      elevation,
-      ...evalationStyles,
-      ...restStyle
-    }]
-  }, children);
-};
-
-export default withTheme(Surface); overlay(elevation, colors.surface);
-    } else {
-      return colors.surface;
-    }
-  };
-
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),

package/lib/module/components/Text.js

@@ -1,8 +1,18 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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);
+
+    _defineProperty(this, "_root", void 0);
+  }
+
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -12,39 +22,6 @@ class Text extends React.Component {
       style,
       ...rest
     } = this.props;
-    const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(NativeText, { ...rest,
-      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);ops;
     const writingDirection = I18nManager.isRTL ? "rtl" : "ltr";
     return /*#__PURE__*/React.createElement(NativeText, _extends({}, rest, {
       ref: c => {