@draftbit/core 46.2.4-a3d00e.4 → 46.2.4-a3e5f4.10

package/lib/commonjs/components/Config.js

@@ -62,7 +62,7 @@ var _default = {
     width: size.width,
     height: size.height
   }, "image-placeholder_1"),
-  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-svg.svg",
+  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-image.svg",
   squareImageUrl: buildImageUrl({
     width: 100,
     height: 100

package/lib/commonjs/components/Markdown.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNativeMarkdownPackage = _interopRequireDefault(require("react-native-markdown-package"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// @ts-ignore
+const MarkdownComponent = _ref => {
+  let {
+    content
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeMarkdownPackage.default, {
+    styles: markdownStyle
+  }, content));
+};
+
+const markdownStyle = {
+  singleLineMd: {},
+  collectiveMd: {}
+};
+var _default = MarkdownComponent;
+exports.default = _default;

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

@@ -27,11 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Picker = _ref => {
-  var _options$find$label, _options$find;
-
   let {
     style,
     options,
@@ -41,6 +37,9 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+
+  var _a, _b;
+
   const {
     viewStyles: {
       borderRadius,
@@ -87,7 +86,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.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.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -111,6 +110,26 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default; pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder // @ts-ignore

package/lib/commonjs/components/SVG.js

@@ -21,26 +21,25 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const SVG = _ref => {
   let {
-    source,
+    source = _Config.default.placeholderSvgURL,
     style
   } = _ref;
-  let svgSource = source === null || source === undefined ? _Config.default.placeholderSvgURL : source;
   return /*#__PURE__*/React.createElement(React.Fragment, null, _reactNative.Platform.OS === "ios" && /*#__PURE__*/React.createElement(_reactNative.View, {
     style: style
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
     width: "100%",
     height: "100%",
-    uri: svgSource
+    uri: source
   })), _reactNative.Platform.OS === "android" && /*#__PURE__*/React.createElement(_reactNative.View, {
     style: style
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
     width: "100%",
     height: "100%",
-    uri: svgSource
+    uri: source
   })), _reactNative.Platform.OS === "web" && /*#__PURE__*/React.createElement(_reactNative.Image, {
     style: style,
     source: {
-      uri: svgSource
+      uri: source
     }
   }));
 };

package/lib/commonjs/components/ScreenContainer.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ScreenContainer(_ref) {
   let {
     scrollable = false,
@@ -41,12 +39,13 @@ function ScreenContainer(_ref) {
     edges.push("bottom");
   }
 
-  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     edges: edges,
     style: [styles.container, {
       backgroundColor
-    }]
-  }, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    }],
+    ...rest
+  }, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
     contentContainerStyle: [styles.scrollViewContainer, {
       backgroundColor
     }, style]
@@ -69,4 +68,23 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(ScreenContainer);
 
+exports.default = _default;reactNative.View, {
+    style: [styles.container, {
+      backgroundColor
+    }, style]
+  }, children));
+}
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scrollViewContainer: {
+    flexGrow: 1,
+    flex: undefined
+  }
+});
+
+var _default = (0, _theming.withTheme)(ScreenContainer);
+
 exports.default = _default;

package/lib/commonjs/components/Slider.js

@@ -23,8 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
@@ -91,9 +89,10 @@ function Slider(_ref) {
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [styles.container, style]
-  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style],
+    ...rest
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -129,4 +128,24 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Slider);
 
+exports.default = _default;: rightIconThemeColor,
+    name: rightIcon,
+    size: 24
+  }) : null);
+}
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 40,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  slider: {
+    flex: 1,
+    marginHorizontal: 12
+  }
+});
+
+var _default = (0, _theming.withTheme)(Slider);
+
 exports.default = _default;

package/lib/commonjs/components/StepIndicator.js

@@ -13,8 +13,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _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; }
-
+// @ts-nocheck
 const STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -25,7 +24,7 @@ class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -70,9 +69,9 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderProgressBar", () => {
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -104,9 +103,9 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderStepIndicator", () => {
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -139,9 +138,9 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
+    };
 
-    _defineProperty(this, "renderStepLabels", () => {
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -183,9 +182,9 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
+    };
 
-    _defineProperty(this, "renderStep", position => {
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -257,9 +256,9 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
+    };
 
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -271,9 +270,9 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
+    };
 
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -296,7 +295,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
 
     const defaultStyles = {
       stepIndicatorSize: 30,
@@ -411,6 +410,25 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+}; justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/commonjs/components/Surface.js

@@ -21,8 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 const Surface = _ref => {
   let {
     elevation: propElevation,
@@ -54,7 +53,19 @@ const Surface = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      elevation,
+      ...evalationStyles,
+      ...restStyle
+    }]
+  }, children);
+};
+
+var _default = (0, _theming.withTheme)(Surface);
+
+exports.default = _default;, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
       elevation,

package/lib/commonjs/components/Switch.js

@@ -23,8 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function Switch(_ref) {
   let {
     value,
@@ -57,23 +55,24 @@ function Switch(_ref) {
       setChecked(Boolean(defaultValue));
     }
   }, [defaultValue, previousDefaultValue]);
-  return /*#__PURE__*/React.createElement(_reactNative.Switch, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Switch, {
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
-    ,
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
+    // @ts-ignore react-native-web only
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    }
-  }, rest));
+    },
+    ...rest
+  });
 }
 
 function Row(_ref2) {
@@ -103,7 +102,7 @@ function Row(_ref2) {
       setChecked(defaultValue);
     }
   }, [defaultValue]);
-  return /*#__PURE__*/React.createElement(_FormRow.default, _extends({
+  return /*#__PURE__*/React.createElement(_FormRow.default, {
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -111,8 +110,9 @@ function Row(_ref2) {
     },
     label: label,
     direction: direction,
-    style: style
-  }, rest), /*#__PURE__*/React.createElement(Switch, {
+    style: style,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -129,4 +129,17 @@ exports.SwitchRow = SwitchRow;
 
 var _default = (0, _theming.withTheme)(Switch);
 
+exports.default = _default;onValueChange,
+    activeTrackColor: activeTrackColor,
+    inactiveTrackColor: inactiveTrackColor,
+    activeThumbColor: activeThumbColor,
+    inactiveThumbColor: inactiveThumbColor
+  }));
+}
+
+const SwitchRow = (0, _theming.withTheme)(Row);
+exports.SwitchRow = SwitchRow;
+
+var _default = (0, _theming.withTheme)(Switch);
+
 exports.default = _default;

package/lib/commonjs/components/Text.js

@@ -15,17 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
 class Text extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "_root", void 0);
-  }
-
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -36,7 +26,43 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
+      ref: c => {
+        this._root = c;
+      },
+      style: [{
+        textAlign: "left",
+        writingDirection
+      }, style]
+    });
+  }
+
+}
+
+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);
+};
+
+exports.BaseLink = BaseLink;
+const Link = (0, _theming.withTheme)(BaseLink);
+exports.Link = Link;
+
+var _default = (0, _theming.withTheme)(Text);
+
+exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/components/ToggleButton.js

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ToggleButton = _ref => {
   let {
     Icon,
@@ -58,7 +56,7 @@ const ToggleButton = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, {
     Icon: Icon,
     icon: icon,
     size: iconSize,
@@ -70,6 +68,23 @@ const ToggleButton = _ref => {
       height,
       backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
       borderColor: colors[borderColor]
+    }, style],
+    ...rest
+  });
+};
+
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+
+var _default = (0, _theming.withTheme)(ToggleButton);
+
+exports.default = _default;th,
+      height,
+      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
     }, style]
   }, rest));
 };

package/lib/commonjs/components/Touchable.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 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); }
-
 function Touchable(_ref) {
   let {
     children,
@@ -21,6 +19,22 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}rops
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,

package/lib/commonjs/index.js

@@ -213,6 +213,12 @@ Object.defineProperty(exports, "Link", {
     return _Text.Link;
   }
 });
+Object.defineProperty(exports, "Markdown", {
+  enumerable: true,
+  get: function () {
+    return _Markdown.default;
+  }
+});
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
   get: function () {
@@ -369,18 +375,6 @@ Object.defineProperty(exports, "SwitchRow", {
     return _Switch.SwitchRow;
   }
 });
-Object.defineProperty(exports, "TabView", {
-  enumerable: true,
-  get: function () {
-    return _TabView.TabView;
-  }
-});
-Object.defineProperty(exports, "TabViewItem", {
-  enumerable: true,
-  get: function () {
-    return _TabView.TabViewItem;
-  }
-});
 Object.defineProperty(exports, "TextField", {
   enumerable: true,
   get: function () {
@@ -484,8 +478,6 @@ var _ActionSheet = require("./components/ActionSheet");
 
 var _Swiper = require("./components/Swiper");
 
-var _TabView = require("./components/TabView");
-
 var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");
@@ -526,6 +518,8 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 
 var _useAuthState = require("./components/useAuthState");
 
+var _Markdown = _interopRequireDefault(require("./components/Markdown"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/commonjs/mappings/MapView.js

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