@draftbit/core 46.2.4-58c73f.0 → 46.2.4-7028ac.5

package/lib/module/components/ProgressBar.js

@@ -1,7 +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); }
-
-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;
@@ -10,7 +6,7 @@ export default class ProgressBar extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleLayout", event => {
+    this.handleLayout = event => {
       const {
         width = 150,
         onLayout
@@ -25,7 +21,7 @@ export default class ProgressBar extends Component {
       if (onLayout) {
         onLayout(event);
       }
-    });
+    };
 
     const {
       progress: progressP = 0,
@@ -79,7 +75,6 @@ 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 {
@@ -150,6 +145,27 @@ 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/SVG.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { View, Platform, Image } from "react-native";
+import { SvgUri } from "react-native-svg";
+import Config from "./Config";
+
+const SVG = _ref => {
+  let {
+    source = Config.placeholderSvgURL,
+    style
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, Platform.OS === "ios" && /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, /*#__PURE__*/React.createElement(SvgUri, {
+    width: "100%",
+    height: "100%",
+    uri: source
+  })), Platform.OS === "android" && /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, /*#__PURE__*/React.createElement(SvgUri, {
+    width: "100%",
+    height: "100%",
+    uri: source
+  })), Platform.OS === "web" && /*#__PURE__*/React.createElement(Image, {
+    style: style,
+    source: {
+      uri: source
+    }
+  }));
+};
+
+export default SVG;

package/lib/module/components/StarRating.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, Pressable } from "react-native";
 import { withTheme } from "../theming";
@@ -34,9 +32,10 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
     key: i,
     style: {
       display: "flex"
@@ -57,6 +56,7 @@ const StarRating = _ref => {
 };
 
 const styles = StyleSheet.create({
+  //comment!
   container: {
     flexDirection: "row",
     alignItems: "center"
@@ -77,4 +77,24 @@ 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,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); }
-
 /* 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";
@@ -38,6 +36,22 @@ 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,18 +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) { 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);
   }
@@ -22,6 +12,39 @@ 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 => {

package/lib/module/components/TextField.js

@@ -1,7 +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); }
-
-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 { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -14,8 +10,7 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "state", {
+    this.state = {
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
       placeholder: this.props.error ? this.props.placeholder : "",
@@ -23,36 +18,35 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    });
-
-    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
+    };
+    this._timer = setTimeout(() => {}, 0);
 
-    _defineProperty(this, "_showPlaceholder", () => {
+    this._showPlaceholder = () => {
       clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
 
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    });
+    };
 
-    _defineProperty(this, "_hidePlaceholder", () => this.setState({
+    this._hidePlaceholder = () => this.setState({
       placeholder: ""
-    }));
+    });
 
-    _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
+    this._restoreLabel = () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
+    }).start();
 
-    _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
+    this._minmizeLabel = () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start());
+    }).start();
 
-    _defineProperty(this, "_handleFocus", () => {
+    this._handleFocus = () => {
       if (this.props.disabled) {
         return;
       }
@@ -60,9 +54,9 @@ class TextField extends React.Component {
       this.setState({
         focused: true
       });
-    });
+    };
 
-    _defineProperty(this, "_handleBlur", () => {
+    this._handleBlur = () => {
       if (this.props.disabled) {
         return;
       }
@@ -70,9 +64,9 @@ class TextField extends React.Component {
       this.setState({
         focused: false
       });
-    });
+    };
 
-    _defineProperty(this, "_handleChangeText", value => {
+    this._handleChangeText = value => {
       if (this.props.disabled) {
         return;
       }
@@ -88,9 +82,9 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    });
+    };
 
-    _defineProperty(this, "_root", undefined);
+    this._root = undefined;
   }
 
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -141,10 +135,11 @@ class TextField extends React.Component {
       focused: !prevState.focused
     }));
   }
-
   /**
    * @internal
    */
+
+
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -177,6 +172,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -186,7 +182,8 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
+      render = props => /*#__PURE__*/React.createElement(NativeTextInput, { ...props
+      }),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -204,7 +201,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;
@@ -338,9 +335,9 @@ class TextField extends React.Component {
     } = StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
       style: leftIconStyle
-    })) : null, /*#__PURE__*/React.createElement(View, {
+    }) : null, /*#__PURE__*/React.createElement(View, {
       style: applyStyles([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -407,9 +404,9 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    }, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
       style: leftIconStyle
-    }))) : null, render({
+    })) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -446,6 +443,42 @@ class TextField extends React.Component {
 
 }
 
+export default withTheme(TextField);
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  placeholder: {
+    position: "absolute",
+    left: 0
+  },
+  underline: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 2
+  },
+  input: {
+    flexGrow: 1,
+    justifyContent: "center",
+    textAlignVertical: "center",
+    margin: 0,
+    textAlign: I18nManager.isRTL ? "right" : "left"
+  }
+}); "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
+      }
+    }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
+      style: [{
+        color: error ? colors.error : colors.light,
+        marginTop: 8,
+        marginLeft: assistiveTextLeftMargin
+      }]
+    }, assistiveText) : null);
+  }
+
+}
+
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {

package/lib/module/components/Touchable.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 { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -10,6 +8,24 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}s,
+    style,
+    ...props
+  } = _ref;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

package/lib/module/constants.js

@@ -5,4 +5,5 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
+});PO : 0
 });

package/lib/module/index.js

@@ -17,6 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";
@@ -28,7 +29,6 @@ export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
-export { TabView, TabViewItem } from "./components/TabView";
 export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */

package/lib/module/mappings/Image.js

@@ -6,8 +6,8 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.media,
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: {
-    width: 250,
-    height: 250
+    width: 100,
+    height: 100
   },
   props: {
     source: createImageProp(),

package/lib/module/mappings/MapView.js

@@ -53,6 +53,7 @@ export const SEED_DATA = {
       label: "Map Type",
       description: "The type of map to show",
       group: GROUPS.basic,
+      editable: true,
       formType: FORM_TYPES.flatArray,
       propType: PROP_TYPES.STRING,
       required: false,