@draftbit/core 46.2.4-5875f8.8 → 46.2.4-5b5cc7.10

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/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 () {
@@ -512,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/Markdown.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA = {
+  name: "Markdown",
+  tag: "MarkdownComponent",
+  description: "A markdown component",
+  category: _types.COMPONENT_TYPES.basic,
+  props: {
+    content: (0, _types.createTextProp)({
+      label: "Markdown Text",
+      description: "Markdown Text",
+      defaultValue: null
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Button.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 { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
@@ -57,7 +55,7 @@ function Base(_ref) {
     buttonStyles.justifyContent = "flex-end";
   }
 
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -67,8 +65,9 @@ function Base(_ref) {
       return [styles.base, {
         opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
-    }
-  }, props), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    },
+    ...props
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -88,13 +87,14 @@ const Solid = _ref3 => {
     theme,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonSolid = withTheme(Solid);
@@ -106,13 +106,14 @@ const Outline = _ref4 => {
     theme,
     ...props
   } = _ref4;
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonOutline = withTheme(Outline);
@@ -159,4 +160,24 @@ const styles = StyleSheet.create({
       }
     })
   }
+});ndColor: "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/DeprecatedButton.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 { ActivityIndicator, View, Text, StyleSheet } from "react-native";
 import color from "color";
@@ -107,7 +105,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Touchable, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -115,7 +113,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -133,6 +131,25 @@ const Button = _ref => {
   }, children))));
 };
 
+const styles = StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: Config.buttonIconSize
+  }
+});
+export default withTheme(Button);ines: 1,
+    style: [textStyle, typography.button]
+  }, children))));
+};
+
 const styles = StyleSheet.create({
   button: {
     minWidth: 64,

package/lib/module/components/Divider.js

@@ -1,9 +1,27 @@
-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);ng";
+
 const Divider = _ref => {
   let {
     style,

package/lib/module/components/Layout.js

@@ -1,8 +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"; // @ts-ignore
-
+import { View } from "react-native";
 export function Center(_ref) {
   let {
     width = 240,
@@ -12,15 +9,16 @@ export function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style]
-  }, rest), children);
+    }, style],
+    ...rest
+  }, children);
 }
 export function Circle(_ref2) {
   let {
@@ -31,7 +29,7 @@ export function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     width: size,
     height: size,
     bgColor: bgColor,
@@ -39,8 +37,9 @@ export function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Square(_ref3) {
   let {
@@ -50,12 +49,13 @@ export function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor
-  }, rest), children);
+    bgColor: bgColor,
+    ...rest
+  }, children);
 }
 export function Row(_ref4) {
   let {
@@ -65,14 +65,14 @@ export function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, // style goes first b/c we can't override these
-    {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 export function Spacer(_ref5) {
   let {
@@ -84,14 +84,36 @@ export function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, {
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
+}
+export function Stack(_ref6) {
+  let {
+    children,
+    justifyContent = "flex-start",
+    alignItems = "flex-start",
+    style,
+    ...rest
+  } = _ref6;
+  return (
+    /*#__PURE__*/
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(View, {
+      style: [style, {
+        justifyContent,
+        alignItems
+      }],
+      ...rest
+    }, children)
+  );
+}dren);
 }
 export function Stack(_ref6) {
   let {

package/lib/module/components/Markdown.js

@@ -0,0 +1,18 @@
+import * as React from "react"; // @ts-ignore
+
+import Markdown from "react-native-markdown-package";
+
+const MarkdownComponent = _ref => {
+  let {
+    content
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Markdown, {
+    styles: markdownStyle
+  }, content));
+};
+
+const markdownStyle = {
+  singleLineMd: {},
+  collectiveMd: {}
+};
+export default MarkdownComponent;

package/lib/module/components/Portal/PortalHost.js

@@ -1,5 +1,3 @@
-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, StyleSheet } from "react-native";
 import PortalManager from "./PortalManager";
@@ -33,11 +31,11 @@ export default class PortalHost extends React.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "setManager", manager => {
+    this.setManager = manager => {
       this.manager = manager;
-    });
+    };
 
-    _defineProperty(this, "mount", children => {
+    this.mount = children => {
       const key = this.nextKey++;
 
       if (this.manager) {
@@ -51,9 +49,9 @@ export default class PortalHost extends React.Component {
       }
 
       return key;
-    });
+    };
 
-    _defineProperty(this, "update", (key, children) => {
+    this.update = (key, children) => {
       if (this.manager) {
         this.manager.update(key, children);
       } else {
@@ -71,9 +69,9 @@ export default class PortalHost extends React.Component {
           this.queue.push(op);
         }
       }
-    });
+    };
 
-    _defineProperty(this, "unmount", key => {
+    this.unmount = key => {
       if (this.manager) {
         this.manager.unmount(key);
       } else {
@@ -82,13 +80,10 @@ export default class PortalHost extends React.Component {
           key
         });
       }
-    });
-
-    _defineProperty(this, "nextKey", 0);
-
-    _defineProperty(this, "queue", []);
+    };
 
-    _defineProperty(this, "manager", void 0);
+    this.nextKey = 0;
+    this.queue = [];
   }
 
   componentDidMount() {
@@ -132,6 +127,22 @@ export default class PortalHost extends React.Component {
     }));
   }
 
+}
+PortalHost.displayName = "Portal.Host";
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});   }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.container,
+      collapsable: false,
+      pointerEvents: "box-none"
+    }, this.props.children), /*#__PURE__*/React.createElement(PortalManager, {
+      ref: this.setManager
+    }));
+  }
+
 }
 
 _defineProperty(PortalHost, "displayName", "Portal.Host");

package/lib/module/components/ToggleButton.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 { StyleSheet } from "react-native";
@@ -42,13 +40,29 @@ const ToggleButton = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
+    style: [styles.mainContainer, {
+      width,
+      height,
+      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
+    }, style],
+    ...rest
+  });
+};
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,

package/lib/module/index.js

@@ -50,4 +50,5 @@ export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImag
 export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
-export { useAuthState } from "./components/useAuthState"; // a comment to fix sourcemap comment issue
+export { useAuthState } from "./components/useAuthState";
+export { default as Markdown } from "./components/Markdown"; // a comment to fix sourcemap comment issue

package/lib/module/mappings/Markdown.js

@@ -0,0 +1,14 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Markdown",
+  tag: "MarkdownComponent",
+  description: "A markdown component",
+  category: COMPONENT_TYPES.basic,
+  props: {
+    content: createTextProp({
+      label: "Markdown Text",
+      description: "Markdown Text",
+      defaultValue: null
+    })
+  }
+};

package/lib/typescript/src/components/Markdown.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    content?: string;
+};
+declare const MarkdownComponent: React.FC<Props>;
+export default MarkdownComponent;

package/lib/typescript/src/index.d.ts

@@ -49,3 +49,4 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Markdown } from "./components/Markdown";

package/lib/typescript/src/mappings/Markdown.d.ts

@@ -0,0 +1,9 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    props: {
+        content: any;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4-5875f8.8+5875f85e",
+  "version": "46.2.4-5b5cc7.10+5b5cc749",
   "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.2.4-5875f8.8+5875f85e",
+    "@draftbit/types": "^46.3.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -52,6 +52,8 @@
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
+    "react-native-markdown-display": "^7.0.0-alpha.2",
+    "react-native-markdown-package": "^1.8.2",
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
@@ -80,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "5875f85eb6701a3c4d0224bc75c21c95318339ba"
+  "gitHead": "5b5cc749b746b63ee6932c63dd6f529414ad5531"
 }

package/src/components/Markdown.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+// @ts-ignore
+import Markdown from "react-native-markdown-package";
+const MarkdownComponent = ({ content }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Markdown, { styles: markdownStyle }, content)));
+};
+const markdownStyle = {
+    singleLineMd: {},
+    collectiveMd: {},
+};
+export default MarkdownComponent;

package/src/components/Markdown.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+// @ts-ignore
+import Markdown from "react-native-markdown-package";
+
+type Props = {
+  content?: string;
+};
+
+const MarkdownComponent: React.FC<Props> = ({ content }) => {
+  return (
+    <>
+      {
+        // @ts-ignore
+      }
+      <Markdown styles={markdownStyle}>{content}</Markdown>
+    </>
+  );
+};
+
+const markdownStyle = {
+  singleLineMd: {},
+  collectiveMd: {},
+};
+
+export default MarkdownComponent;

package/src/index.js

@@ -50,4 +50,5 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Markdown } from "./components/Markdown";
 // a comment to fix sourcemap comment issue

package/src/index.tsx

@@ -70,5 +70,6 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
+export { default as Markdown } from "./components/Markdown";
 
 // a comment to fix sourcemap comment issue

package/src/mappings/Markdown.js

@@ -0,0 +1,14 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Markdown",
+    tag: "MarkdownComponent",
+    description: "A markdown component",
+    category: COMPONENT_TYPES.basic,
+    props: {
+        content: createTextProp({
+            label: "Markdown Text",
+            description: "Markdown Text",
+            defaultValue: null,
+        }),
+    },
+};

package/src/mappings/Markdown.ts

@@ -0,0 +1,15 @@
+import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Markdown",
+  tag: "MarkdownComponent",
+  description: "A markdown component",
+  category: COMPONENT_TYPES.basic,
+  props: {
+    content: createTextProp({
+      label: "Markdown Text",
+      description: "Markdown Text",
+      defaultValue: null,
+    }),
+  },
+};