@draftbit/core 46.2.4-7028ac.5 → 46.2.4-70e86e.10

package/lib/module/components/Touchable.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 React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -8,24 +10,6 @@ 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,5 +5,4 @@ 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

@@ -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/module/mappings/SVG.js

@@ -3,7 +3,6 @@ export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
-  packageName: "@draftbit/core",
   category: COMPONENT_TYPES.media,
   layout: {
     width: 100,

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/lib/typescript/src/mappings/SVG.d.ts

@@ -2,7 +2,6 @@ export declare const SEED_DATA: {
     name: string;
     tag: string;
     description: string;
-    packageName: string;
     category: string;
     layout: {
         width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4-7028ac.5+7028ac76",
+  "version": "46.2.4-70e86e.10+70e86e38",
   "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-7028ac.5+7028ac76",
+    "@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,8 +52,10 @@
     "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-svg": "12.3.0",
     "react-native-typography": "^1.4.1",
     "react-native-web-swiper": "^2.2.3"
   },
@@ -80,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "7028ac766b962df851f034e308568aee4df4376a"
+  "gitHead": "70e86e38470d1aa32cd3a90888166a0c61db9b1a"
 }

package/src/components/Markdown.js

@@ -0,0 +1,57 @@
+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.collectiveMd }, content)));
+};
+const markdownStyle = {
+    singleLineMd: {
+        text: {
+            color: "blue",
+            textAlign: "right",
+        },
+        view: {
+            alignSelf: "stretch",
+        },
+    },
+    collectiveMd: {
+        heading1: {
+            color: "red",
+        },
+        heading2: {
+            color: "green",
+            textAlign: "right",
+        },
+        strong: {
+            color: "blue",
+        },
+        em: {
+            color: "cyan",
+        },
+        text: {
+            color: "black",
+        },
+        blockQuoteText: {
+            color: "grey",
+        },
+        blockQuoteSection: {
+            flexDirection: "row",
+        },
+        blockQuoteSectionBar: {
+            width: 3,
+            height: null,
+            backgroundColor: "#DDDDDD",
+            marginRight: 15,
+        },
+        codeBlock: {
+            fontFamily: "Courier",
+            fontWeight: "500",
+            backgroundColor: "#DDDDDD",
+        },
+        tableHeader: {
+            backgroundColor: "grey",
+        },
+    },
+};
+export default MarkdownComponent;

package/src/components/Markdown.tsx

@@ -0,0 +1,70 @@
+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.collectiveMd}>{content}</Markdown>
+    </>
+  );
+};
+
+const markdownStyle = {
+  singleLineMd: {
+    text: {
+      color: "blue",
+      textAlign: "right",
+    },
+    view: {
+      alignSelf: "stretch",
+    },
+  },
+  collectiveMd: {
+    heading1: {
+      color: "red",
+    },
+    heading2: {
+      color: "green",
+      textAlign: "right",
+    },
+    strong: {
+      color: "blue",
+    },
+    em: {
+      color: "cyan",
+    },
+    text: {
+      color: "black",
+    },
+    blockQuoteText: {
+      color: "grey",
+    },
+    blockQuoteSection: {
+      flexDirection: "row",
+    },
+    blockQuoteSectionBar: {
+      width: 3,
+      height: null,
+      backgroundColor: "#DDDDDD",
+      marginRight: 15,
+    },
+    codeBlock: {
+      fontFamily: "Courier",
+      fontWeight: "500",
+      backgroundColor: "#DDDDDD",
+    },
+    tableHeader: {
+      backgroundColor: "grey",
+    },
+  },
+};
+
+export default MarkdownComponent;

package/src/components/StarRating.js

@@ -27,7 +27,6 @@ const StarRating = ({ Icon, starSize = 16, maxStars = 5, rating = 0, defaultValu
             React.createElement(Pressable, { style: styles.pressable, onPress: () => ratingHandler(i + 1) }))))))));
 };
 const styles = StyleSheet.create({
-    //comment!
     container: {
         flexDirection: "row",
         alignItems: "center",

package/src/components/StarRating.tsx

@@ -94,7 +94,6 @@ const StarRating: React.FC<React.PropsWithChildren<Props>> = ({
 };
 
 const styles = StyleSheet.create({
-  //comment!
   container: {
     flexDirection: "row",
     alignItems: "center",

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,
+    }),
+  },
+};

package/src/mappings/SVG.js

@@ -3,7 +3,6 @@ export const SEED_DATA = {
     name: "SVG",
     tag: "SVG",
     description: "An SVG component",
-    packageName: "@draftbit/core",
     category: COMPONENT_TYPES.media,
     layout: {
         width: 100,

package/src/mappings/SVG.ts

@@ -8,7 +8,6 @@ export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
-  packageName: "@draftbit/core",
   category: COMPONENT_TYPES.media,
   layout: {
     width: 100,